.btn{--btn-gradient:var(--btn-gradient-from),var(--btn-gradient-to);border:0;appearance:none;border-radius:9999px;background-color:var(--btn-bg);box-shadow:0 0 2px 2px var(--btn-shadow),0 0 4px 4px var(--btn-shadow),0 0 8px 8px var(--btn-shadow);cursor:pointer;padding:0}.btn,.btn *{box-sizing:border-box}.btn-inner{position:relative;border-radius:inherit;border:1px solid transparent;font-size:1.125rem;font-weight:700;display:flex;align-items:center;min-width:12rem;padding:1.5rem 2rem;overflow:hidden;color:var(--btn-text-color)}.btn-label{border-radius:inherit;z-index:10;display:flex;justify-content:center;align-items:center;background-color:var(--btn-bg);background-image:linear-gradient(to bottom,var(--btn-gradient))}.btn-blur,.btn-label{position:absolute;bottom:1px;left:1px;right:1px;top:1px}.btn-blur{z-index:0;transform:scaleX(3.5);filter:blur(6px)}.btn-blur:before{--gradient:var(--btn-color-from),var(--btn-color),var(--btn-color-to);--transition:5s;content:"";position:absolute;z-index:0;top:50%;bottom:0;left:0;right:0;background-image:conic-gradient(var(--gradient));animation:turn var(--transition) linear infinite}.btn:active,.btn:hover{transition:transform .5s ease-in-out 0s;transform:translateY(-1px)}.btn:active .btn-blur:before{--transition:2s}.btn--primary{--btn-bg:#111;--btn-gradient-from:#111;--btn-gradient-to:hsla(0,0%,100%,.1);--btn-text-color:#fff;--btn-color:#0ff;--btn-color-from:#b3ffff;--btn-color-to:#6ff;--btn-shadow:rgba(0,255,255,.15)}@keyframes turn{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.btn:hover .btn-label{background-color:#0ff;background-image:none;color:#000}