.btn{position:relative;cursor:pointer;transition:transform color .2s ease-in-out;box-sizing:border-box}.btn-primary{transition:all .2s ease-in-out}.btn:hover{border-color:rgb(var(--primary)/.6);cursor:pointer}.btn:active{transform:scale(.95);background-color:rgb(var(--primary));color:#fff}.btn-primary:active{background-color:rgb(var(--primary)/.6);color:rgb(var(--background)/.6)}.btn-primary:hover{cursor:pointer}.btn:before{content:"";position:absolute;top:-1.7px;left:0;width:50%;height:2px;transition:transform .3s ease-in-out -.1s,opacity .2s ease-in-out;background-image:linear-gradient(to right,transparent,rgb(var(--primary)),transparent);opacity:0;border-radius:100%}.btn:hover:before{opacity:1;transform:translateX(80%)}.btn-danger{cursor:pointer}.btn-danger,.btn-disabled{position:relative;transition:all .1s ease-in-out;box-sizing:border-box}.btn-disabled{cursor:not-allowed}