.noise{position:relative}.noise:before{content:"";position:fixed;inset:0;z-index:9999;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.3'/%3E%3C/svg%3E");pointer-events:none}.pushable{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline-offset:4px;transition:filter .25s}.shadow{background:hsl(0deg 0% 0%/.25);will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.edge,.shadow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}.edge{background:linear-gradient(270deg,hsl(209,99%,48%) 0,hsl(209,99%,48%) 8%,hsl(209,99%,48%) 92%,hsl(209,99%,48%))}.front{display:flex;position:relative;padding:8px 38px;border-radius:12px;font-size:1rem;color:white;background:hsl(209,99%,48%);will-change:transform;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.pushable:hover{filter:brightness(110%)}.pushable:hover .front{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:active .front{transform:translateY(-2px);transition:transform 34ms}.pushable:hover .shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.pushable:active .shadow{transform:translateY(1px);transition:transform 34ms}.pushable:focus:not(:focus-visible){outline:none}.outlineText{-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px}