*,:before,:after{box-sizing:border-box}html{-moz-tab-size:4;-webkit-text-size-adjust:100%;font-family:Quicksand,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;line-height:1.5;tab-size:4}body{align-items:center;background:#0f172a;display:flex;justify-content:center;line-height:inherit;margin:0;min-height:100vh;padding:1.5rem}main{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}@media (min-width: 600px){main{flex-wrap:nowrap}}.btn{align-items:center;appearance:none;border-radius:.25rem;cursor:pointer;display:flex;filter:drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06));font-size:.875rem;font-weight:700;gap:.5rem;height:3rem;justify-content:center;letter-spacing:.05em;outline:none;padding:0 1.5rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%}.btn .lines{inset:0;mix-blend-mode:hard-light;pointer-events:none;position:absolute;z-index:1}.btn .lines>div{inset:0;position:absolute}.btn .lines>div:last-child{transform:rotate(180deg)}.btn .lines svg{display:block;fill:none;height:100%;inset:0;overflow:visible;position:absolute;stroke-dasharray:12 12;stroke-dashoffset:12;stroke:2px;transform:translateZ(0);width:100%}.btn .lines svg:nth-child(2){filter:blur(20px);stroke-width:6px}.btn .lines svg:nth-child(3){filter:blur(6px);stroke-width:5px}.btn .lines svg:nth-child(4){filter:blur(56px);stroke-width:10px}.btn:hover .lines svg{animation:stroke .25s linear}@keyframes stroke{30%,55%{opacity:1}to{opacity:0;stroke-dashoffset:5}}.btn-primary{background:linear-gradient(100deg,#01a4ff 35%,#01ffc2 115%);color:#000}.btn-primary .lines svg{stroke:#01a4ff}.btn-primary .lines svg:nth-child(1){stroke:#01ffc2}.btn-transparent{background:transparent;border:2px solid #fff;color:#fff;transition-duration:.3s;transition-property:color,background-color;transition-timing-function:ease-out}.btn-transparent .lines svg{stroke:#c9e9ff}.btn-transparent .lines svg:nth-child(1){stroke:#f8fcff}.btn-transparent:hover{background:#fff;color:#000}