.success-popup {
  padding: 0;
  border: 0;
  width: min(420px, calc(100vw - 32px), calc((100dvh - 90px) * 808 / 1212));
  max-width: none;
  max-height: calc(100dvh - 32px);
  background: #eeede9;
  box-shadow: 0 12px 48px rgba(0, 0, 0, .25);
}
.success-popup:focus-visible { outline: none; }
.success-popup a:focus-visible { outline: 3px solid #a32130; outline-offset: -4px; }
.success-popup::backdrop { background: rgba(0, 0, 0, .55); }
.success-popup a, .success-popup img { display: block; width: 100%; }
.success-popup img { height: auto; }
.success-popup-actions { display: grid; grid-template-columns: 1fr 1fr; background: #1b1315; border-top: 1px solid #1b1315; }
.success-popup-actions button { display: flex; align-items: center; justify-content: center; min-height: 42px; border: 0; padding: 8px; background: #1b1315; color: #fff; font: inherit; font-size: 15px; font-weight: 600; text-align: center; cursor: pointer; }
.success-popup-actions button:hover { background: #302629; }
.success-popup-actions button:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }

.success-popup-actions button + button { border-left: 1px solid #ffffff40; }
@media (max-width: 767px) {
  .success-popup {
    width: min(84vw, calc((78dvh - 42px) * 808 / 1212));
    max-height: 78dvh;
  }
}
@media (max-width: 767px) {
  .success-popup-actions button { line-height: 1.3; padding: 6px 4px; font-size: 13px; white-space: nowrap; }
}
@media (max-width: 767px) and (max-height: 450px) {
  .success-popup-actions button { font-size: 11px; }
}