:is(.btn,.button){position:relative;display:inline-block;max-width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:0;--tw-bg-opacity:1;background-color:rgb(239 112 25/var(--tw-bg-opacity));padding:1rem 25px;text-align:center;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}:is(.btn,.button).variant-inverted{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(239 112 25/var(--tw-text-opacity))}:is(.btn,.button).variant-secondary{background-color:rgba(239,112,25,.25);--tw-text-opacity:1;color:rgb(239 112 25/var(--tw-text-opacity))}@media (hover:hover){:is(.btn,.button):not(:disabled):not(.disabled):hover{--tw-bg-opacity:1;background-color:rgb(0 120 87/var(--tw-bg-opacity))}:is(.btn,.button):not(:disabled):not(.disabled).variant-inverted:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(0 120 87/var(--tw-text-opacity))}:is(.btn,.button):not(:disabled):not(.disabled).variant-secondary:hover{background-color:rgba(0,120,87,.25);--tw-text-opacity:1;color:rgb(0 120 87/var(--tw-text-opacity))}}:is(.btn,.button).disabled,:is(.btn,.button):disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(218 218 218/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (hover:hover){:is(.btn,.button):not(:disabled):not(.disabled):before{content:"";display:block;position:absolute;background:hsla(0,0%,100%,.5);width:60px;height:100%;left:0;top:0;opacity:.5;filter:blur(30px);transform:translateX(-100px) skewX(-15deg)}:is(.btn,.button):not(:disabled):not(.disabled):after{content:"";display:block;position:absolute;background:hsla(0,0%,100%,.2);width:30px;height:100%;left:30px;top:0;opacity:0;filter:blur(5px);transform:translateX(-100px) skewX(-15deg)}:is(.btn,.button):not(:disabled):not(.disabled):hover:before{transform:translateX(-100px) skewX(-15deg);opacity:.6;transition:.7s;left:calc(100% + 130px)}:is(.btn,.button):not(:disabled):not(.disabled):hover:after{transform:translateX(-100px) skewX(-15deg);opacity:1;left:calc(100% + 130px);transition:.7s}}
/*# sourceMappingURL=button.css.map */