.btn{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));text-transform:uppercase;letter-spacing:2.5px;cursor:pointer;background:linear-gradient(90deg,#7c9bff,#4a6dff,#7c9bff) 0 0/200% 100%;border:none;border-radius:4px;outline:none;height:45px;padding:0 30px;font-size:12px;font-weight:500;line-height:45px;transition:background-position .6s,box-shadow .35s,transform .35s cubic-bezier(.2,.8,.2,1),letter-spacing .35s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 #7c9bff00;text-decoration:none!important}.btn:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff59 50%,#0000 100%);width:40%;height:100%;transition:left .65s;position:absolute;top:0;left:-60%;transform:skew(-20deg)}.btn:hover{letter-spacing:3px;background-position:100% 0;transform:translateY(-2px);box-shadow:0 10px 30px -8px #7c9bff8c}.btn:hover:before{left:130%}.btn:active{transition-duration:.15s;transform:translateY(0)scale(.98);box-shadow:0 4px 14px -6px #7c9bff66}.btn:focus-visible{box-shadow:0 0 0 2px #05060f,0 0 0 4px #7c9bff99}.btn-2:hover{--tw-shadow:var(--tw-shadow-colored);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:#6366f166;background:#000}