.button{--bg:var(--color-primary);--text:var(--color-background);--hover-bg:var(--color-secondary);--border:var(--color-primary);font-family:Montserrat,sans-serif;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.75rem;font-size:1rem;font-weight:600;line-height:1.2;border:none;cursor:pointer;transition:background .3s ease,transform .2s ease;overflow:hidden;border-radius:9999px}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full,.variant-solid{border-radius:9999px}.variant-solid{background-color:var(--bg);color:var(--text)}.variant-solid:hover{background-color:var(--hover-bg)}.variant-solid:active{transform:scale(.97)}.variant-outline{background-color:transparent;border:2px solid var(--border);color:var(--color-primary)}.variant-outline:hover{background-color:var(--color-secondary);color:var(--color-background)}.variant-outline:active{transform:scale(.97)}.variant-ghost{background-color:transparent;color:var(--color-primary)}.variant-ghost:hover{background-color:rgba(249,148,42,.1)}.variant-ghost:active{transform:scale(.97)}.button .hex-grid{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 86 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43 0L85.3553 25V75L43 100L0.644661 75V25L43 0Z' fill='%23023356' fill-opacity='0.07'/%3E%3C/svg%3E");background-size:20px 17px;background-repeat:repeat;opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.button:hover .hex-grid{opacity:1}.variant-secondary{background-color:var(--color-secondary);color:var(--color-background);border-radius:9999px}.variant-secondary:hover{background-color:var(--color-primary);color:var(--color-background)}.variant-secondary:active{transform:scale(.97)}.hex-shine-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:1;transition:opacity .3s ease;border-radius:inherit}.button .label{position:relative;z-index:2}.variant-ghost .hex-shine-canvas,.variant-outline .hex-shine-canvas,.variant-secondary .hex-shine-canvas{opacity:0}.variant-ghost:hover .hex-shine-canvas,.variant-outline:hover .hex-shine-canvas,.variant-secondary:hover .hex-shine-canvas{opacity:1}