/* Important layered rules consistently override the older page-specific buttons. */
@layer shared-buttons {
  [data-button-look] {
    position: relative;
    overflow: hidden !important;
    border: 1px solid #f0d491 !important;
    background: linear-gradient(115deg,#76501f 0%,#d4af67 28%,#f3dfa3 48%,#a87832 72%,#e3c47e 100%) !important;
    color: #160f05 !important;
    -webkit-text-fill-color: #160f05 !important;
    font-family: 'Manrope', 'Segoe UI', Arial, sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-shadow: 0 1px rgba(255,255,255,.35) !important;
    box-shadow: inset 0 1px 0 #fff5d1,0 .8rem 2.4rem rgba(169,119,45,.34),0 0 1.2rem rgba(232,198,123,.18) !important;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
    cursor: pointer;
  }
  [data-button-look="action"], [data-button-look="choice"] {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .65rem !important;
    min-height: 3.15rem !important;
    padding: .75rem 1.3rem !important;
    border-radius: 999px !important;
    font-size: .8125rem !important;
    line-height: 1.4 !important;
    letter-spacing: .01em !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    text-align: center !important;
  }
  [data-button-look="icon"] {
    display: inline-grid !important; place-items: center !important;
    width: 2.75rem !important; height: 2.75rem !important;
    min-width: 2.75rem !important; min-height: 2.75rem !important;
    padding: .5rem !important; border-radius: 50% !important;
    line-height: 1 !important;
  }
  [data-button-look="choice"]:is(.is-active,.is-selected,[aria-selected="true"],[aria-pressed="true"]) { outline: 2px solid #f0d491 !important; outline-offset: 3px !important; }
  [data-button-look] :is(span,b,i) { color: inherit !important; -webkit-text-fill-color: currentColor !important; }
  [data-button-look="action"]::after { display: none !important; }
  [data-button-look]:hover:not(:disabled) { filter: brightness(1.07) !important; }
  [data-button-look="action"]:hover { transform: translateY(-2px) !important; }
  [data-button-look]:focus-visible { outline: 2px solid currentColor !important; outline-offset: 4px !important; }
  [data-button-look]:disabled { opacity: .45 !important; cursor: not-allowed !important; filter: none !important; }
  [data-button-look] > .button-shine {
    display: block !important; opacity: 1 !important; visibility: visible !important;
    z-index: 2 !important; border: 0 !important; border-radius: 0 !important;
    position: absolute !important; pointer-events: none !important;
    top: -100% !important; left: -35% !important; right: auto !important; bottom: auto !important; width: 25% !important; height: 300% !important;
    margin: 0 !important; padding: 0 !important;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent) !important;
    transform: rotate(24deg) !important; transition: left .65s !important;
  }
  [data-button-look]:is(:hover,:focus-visible,:active):not(:disabled) > .button-shine { left: 120% !important; }
  @media(prefers-reduced-motion:reduce) { [data-button-look] > .button-shine { display: none !important; } }
  @media(prefers-reduced-motion:reduce) { [data-button-look] { transition: none !important; } [data-button-look="action"]:hover { transform: none !important; } }
}