.reflective-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,sans-serif;font-weight:600;letter-spacing:.02em;border-radius:12px;cursor:pointer;transition:all .2s ease;overflow:hidden;isolation:isolate}.reflective-button-sm{padding:8px 16px;font-size:13px}.reflective-button-md{padding:12px 24px;font-size:15px}.reflective-button-lg{padding:16px 32px;font-size:17px}.reflective-button-primary{background:#1a1a1a;color:#fff;border:none;box-shadow:0 10px 30px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.1)}.reflective-button-primary:before{z-index:1;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.reflective-button-primary:after,.reflective-button-primary:before{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay}.reflective-button-primary:after{z-index:2;background:linear-gradient(135deg,hsla(0,0%,100%,.3),transparent 50%,hsla(0,0%,100%,.2))}.reflective-button-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.2),0 0 20px hsla(0,0%,100%,.1)}.reflective-button-primary:active{transform:translateY(0)}.reflective-button-ghost{background:transparent;color:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.3)}.reflective-button-ghost:hover{color:#fff;border-color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.05)}.reflective-button-ghost:active{background:hsla(0,0%,100%,.1)}.reflective-button>*{position:relative;z-index:10}