/* «Поделиться результатом» — кнопка под результатом и окно с карточкой (js/share-card.js).
   Само окно — общие .df-overlay / .df-modal / .df-btn из style.css. */

.sc-row { margin-top: 16px; display: flex; justify-content: flex-start; }
.sc-btn {
    width: auto; display: inline-flex; align-items: center; gap: 10px;
    padding: 11px 20px; border-radius: 999px; cursor: pointer;
    font-size: 15px; font-weight: 700; line-height: 1.2;
    color: #ffe3a3; background: rgba(240, 184, 74, 0.12);
    border: 1px solid rgba(240, 184, 74, 0.55);
    transition: background .18s ease, transform .18s ease;
}
.sc-btn:hover { background: rgba(240, 184, 74, 0.2); transform: translateY(-1px); }

.sc-modal { width: min(440px, 100%); }
.sc-modal .df-title { padding: 0 42px; line-height: 1.3; }
.sc-preview { margin: 4px auto 0; max-width: 340px; }
.sc-preview img {
    display: block; width: 100%; height: auto; border-radius: 16px;
    box-shadow: 0 0 0 1px rgba(255, 217, 138, 0.35), 0 18px 40px rgba(0, 0, 0, 0.5);
}
.sc-loading { padding: 70px 0; text-align: center; font-size: 14px; opacity: .75; }
.sc-actions .df-btn--ghost:first-child { margin-top: 0; }