.vs-library-play .vs-icon {
  width: 24px;
  height: 24px;
}

.vs-library-card-body {
  padding: 14px;
}

.vs-library-card h3 {
  color: #fbf5eb;
  font-size: 17px;
  line-height: 1.22;
  margin: 0 0 5px;
}

.vs-library-card p {
  font-size: 14px;
  margin: 0 0 10px;
  color: rgba(251, 245, 235, .72);
}

.vs-library-card-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #e3c99d;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
}

.vs-library-card-link .vs-icon {
  transition: transform .18s ease;
}

.vs-library-card-link:hover .vs-icon {
  transform: translateX(3px);
}

.vs-library-card-locked .vs-library-cover img {
  filter: saturate(.72) brightness(.78);
}

.vs-library-card-locked {
  background: rgba(227, 201, 157, .07);
  border-color: rgba(227, 201, 157, .16);
}

.vs-library-card-locked .vs-library-play {
  background: rgba(251, 245, 235, .12);
  color: #fbf5eb;
  border: 1px solid rgba(251, 245, 235, .18);
}

.vs-library-badge {
  color: #e3c99d;
  margin-bottom: 7px;
}

.vs-order-list {
  display: grid;
  gap: 12px;
}

.vs-order-card {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto auto;
  gap: 14px;
  align-items: center;
  border: 1px solid rgba(251, 245, 235, .12);
  border-radius: 8px;
  background: rgba(251, 245, 235, .07);
  padding: 16px;
}

.vs-order-card-icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(227, 201, 157, .14);
  color: #e3c99d;
}

.vs-order-card h2 {
  font-size: 22px;
  margin: 0 0 4px;
}

.vs-order-card p {
  margin: 0;
}