.buy {
  padding-top: var(--sp-8);
  overflow: hidden;
  background: linear-gradient(180deg, #f3f2fb 0%, #ebe9f7 45%, #e8e6f2 100%);
  text-align: center;
}

.buy__text {
  max-width: 640px;
  margin-inline: auto;
}

.buy__title em {
  font-style: normal;
  color: var(--c-pink);
}

.buy__lead {
  margin-top: var(--sp-4);
  font-size: var(--fs-lg);
  color: var(--c-muted);
}

.buy__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--sp-3);
  margin-top: var(--sp-6);
}

.btn--outline {
  border-color: var(--c-brand);
  color: var(--c-brand);
}

.btn--outline:hover {
  background: var(--c-brand);
  color: var(--c-on-brand);
}

.buy__lineup {
  width: 100%;
  max-width: 1400px;
  margin: var(--sp-6) auto 0;
  mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 12%);
  mask-composite: intersect;
}