@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--btnColor1:#0a0a0a;--btnColor2:#0a0a0a}}}@property --btnColor1{syntax:"<color>";inherits:false;initial-value:#0a0a0a}@property --btnColor2{syntax:"<color>";inherits:false;initial-value:#0a0a0a}.primary-btn{background:#a9d80e -1px/calc(100% + 2px);transition:all .3s,--btnColor1 .3s,--btnColor2 .3s}.primary-btn.sm-gradient{--btnColor1:#d7ab07;--btnColor2:#e86555}@media (min-width:640px){.primary-btn.sm-gradient{--btnColor1:#0a0a0a;--btnColor2:#0a0a0a}}.primary-btn:disabled{--btnColor1:#d0d3d9;--btnColor2:#d0d3d9}.outlined-btn:not(:active):hover:before,.outlined-btn:not(:active):hover>span,.outlined-btn:not(:active):focus:before,.outlined-btn:not(:active):focus>span{--btnColor1:#d7ab07;--btnColor2:#e86555}.outlined-btn:active:before,.outlined-btn:active>span{--btnColor1:#d7ab07b3;--btnColor2:#e86555b3}.outlined-btn:disabled:before{--btnColor1:#d0d3d9!important;--btnColor2:#d0d3d9!important}.outlined-btn:disabled>span{--btnColor1:#b9bdc7!important;--btnColor2:#b9bdc7!important}.text-btn:not(:active):hover>span{--btnColor1:#d7ab07;--btnColor2:#e86555}.text-btn:before{--btnColor1:#d7ab0700;--btnColor2:#e8655500}.text-btn:active>span{--btnColor1:#d7ab07b3;--btnColor2:#e86555b3}.text-btn:not(:active):focus:before,.text-btn:not(:active):focus>span{--btnColor1:#d7ab07;--btnColor2:#e86555}.text-btn:disabled>span{--btnColor1:#b9bdc7!important;--btnColor2:#b9bdc7!important}