.share { background: var(--cream-2); }

.share__head { display: grid; gap: 10px; max-width: 46ch; }
.share__title {
  font-family: var(--font-display);
  font-size: var(--display-sm);
  line-height: 0.88;
  text-transform: uppercase;
  color: var(--ink);
}
.share__title span { display: block; color: var(--red); }
.share__sub { color: rgba(23, 19, 15, 0.75); }

.share__actions {
  margin-top: clamp(32px, 6vw, 48px);
  display: grid;
  gap: 12px;
  max-width: 480px;
}
.share__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }

.share__actions .btn { width: 100%; }
.share__copy[data-copied="true"],
.share__instagram[data-copied="true"] {
  --btn-bg: var(--gold);
  --btn-fg: var(--ink);
  border-color: var(--gold);
}

@media (min-width: 640px) {
  .share__actions {
    max-width: none;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
  }
  .share__actions .btn { width: auto; }
  .share__row { display: contents; }
}