.bevel-btn{--btn-bg:#c5a44e;--btn-bg-hover:#d4b96a;--btn-bg-active:#a8893d;--btn-text:#000;--btn-text-hover:#000;--btn-outline:rgba(197,164,78,.3);--btn-outline-hover:rgba(197,164,78,.55);--bevel:4px;--lift:4px;position:relative;display:inline-flex;cursor:pointer;filter:drop-shadow(1px 2px 3px rgba(0,0,0,.8));font-family:var(--font-accent,"Outfit",sans-serif);letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.bevel-btn--gold{--btn-bg:#c5a44e;--btn-bg-hover:#d4b96a;--btn-bg-active:#a8893d;--btn-text:#000;--btn-text-hover:#000;--btn-outline:rgba(197,164,78,.3);--btn-outline-hover:rgba(197,164,78,.55);filter:drop-shadow(1px 2px 3px rgba(0,0,0,.6))}.bevel-btn--dark{--btn-bg:#000;--btn-bg-hover:#1a1a1a;--btn-bg-active:#000;--btn-text:#f5f5f5;--btn-text-hover:#fff;--btn-outline:hsla(0,0%,100%,.12);--btn-outline-hover:hsla(0,0%,100%,.25)}.bevel-btn--ghost{--btn-bg:hsla(0,0%,100%,.06);--btn-bg-hover:hsla(0,0%,100%,.12);--btn-bg-active:hsla(0,0%,100%,.04);--btn-text:#f5f5f5;--btn-text-hover:#fff;--btn-outline:hsla(0,0%,100%,.1);--btn-outline-hover:hsla(0,0%,100%,.2);filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5))}.bevel-btn--nav{--bevel:3px;--lift:3px;filter:none}.bevel-btn__inside,.bevel-btn__outline,.bevel-btn__shadow{display:flex;align-items:center;justify-content:center}.bevel-btn--full{display:flex;width:100%}.bevel-btn--full .bevel-btn__inside,.bevel-btn--full .bevel-btn__outline,.bevel-btn--full .bevel-btn__shadow{width:100%}.bevel-btn__outline{background:var(--btn-outline);padding:2px;transition:background .2s ease}.bevel-btn__outline,.bevel-btn__shadow{clip-path:polygon(var(--bevel) 0,calc(100% - var(--bevel)) 0,100% var(--bevel),100% calc(100% - var(--bevel)),calc(100% - var(--bevel)) 100%,var(--bevel) 100%,0 calc(100% - var(--bevel)),0 var(--bevel))}.bevel-btn__shadow{background:rgba(0,0,0,.95);padding:var(--lift)}.bevel-btn__inside{background:var(--btn-bg);color:var(--btn-text);padding:12px 28px;clip-path:polygon(var(--bevel) 0,calc(100% - var(--bevel)) 0,100% var(--bevel),100% calc(100% - var(--bevel)),calc(100% - var(--bevel)) 100%,var(--bevel) 100%,0 calc(100% - var(--bevel)),0 var(--bevel));transition:transform .15s ease,background .2s ease,color .2s ease;position:relative;overflow:hidden;gap:8px;white-space:nowrap;font-weight:500;font-size:.875rem}.bevel-btn--full .bevel-btn__inside{white-space:normal;text-align:center;font-size:clamp(.7rem,2.5vw,.875rem)}.bevel-btn--gold .bevel-btn__inside{background:linear-gradient(135deg,#c5a44e,#d4b96a 40%,#c5a44e 60%,#a8893d)}.bevel-btn--nav .bevel-btn__inside{padding:5px 12px;font-size:.625rem;gap:4px}.bevel-btn--sm .bevel-btn__inside{padding:8px 18px;font-size:.8rem}.bevel-btn:hover .bevel-btn__outline{background:var(--btn-outline-hover)}.bevel-btn:hover:not(:active) .bevel-btn__inside{transform:translate(calc(var(--lift) * -1),calc(var(--lift) * -1));background:var(--btn-bg-hover);color:var(--btn-text-hover)}.bevel-btn--gold:hover:not(:active) .bevel-btn__inside{background:linear-gradient(135deg,#d4b96a,#e8d5a0 40%,#d4b96a 60%,#c5a44e)}.bevel-btn--ghost:hover:not(:active) .bevel-btn__inside{color:#fff}.bevel-btn:active .bevel-btn__inside{transform:translate(0);background:var(--btn-bg-active);color:var(--btn-text)}.bevel-btn--gold:active .bevel-btn__inside{background:#a8893d;color:#000}.bevel-btn--ghost:active .bevel-btn__inside{background:hsla(0,0%,100%,.04);color:#f5f5f5}.bevel-btn--disabled,.bevel-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (prefers-reduced-motion:reduce){.bevel-btn__inside,.bevel-btn__outline,.bevel-btn__shadow{transition:none!important}}.bevel-btn__inside i{font-size:1.6em;line-height:1}.bevel-btn--nav .bevel-btn__inside i{font-size:1.4em}