/* Primary buttons, site-wide (owner, 2026-10-29: '빨간 버튼 이쁘게 세련되게, 모든
 *사이트 창에서'). Loaded last on every page. The repeated class raises
 * specificity over the older per-screen colour rules without touching sizes. */
.primary-button.primary-button.primary-button {
  background: linear-gradient(180deg, #5d3c28 0%, #432a1b 100%);
  border: 1px solid #36210f;
  color: #fff7ea;
  letter-spacing: -0.01em;
  box-shadow: inset 0 1px 0 rgb(255 232 200 / 18%), 0 10px 20px -12px rgb(58 34 18 / 70%);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.primary-button.primary-button.primary-button:hover {
  background: linear-gradient(180deg, #6b4630 0%, #4c3020 100%);
  border-color: #3d2512;
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgb(255 232 200 / 22%), 0 14px 24px -12px rgb(58 34 18 / 75%);
}
.primary-button.primary-button.primary-button:active { transform: translateY(0); box-shadow: inset 0 1px 0 rgb(255 232 200 / 12%), 0 6px 12px -10px rgb(58 34 18 / 70%); }
.primary-button.primary-button.primary-button:focus-visible { outline: 3px solid #e0b466; outline-offset: 2px; }
.primary-button.primary-button.primary-button:disabled,
.primary-button.primary-button.primary-button[aria-disabled=true] { background: #b9a596; border-color: #b9a596; color: #fffaf3; box-shadow: none; transform: none; }
/* The small arrow beside the label picks up a soft gold. */
.primary-button.primary-button.primary-button svg { color: #f1cf8f; }
@media (prefers-reduced-motion: reduce) { .primary-button.primary-button.primary-button { transition: none; } .primary-button.primary-button.primary-button:hover { transform: none; } }