.btn:after,.btn:before{z-index:-1;transition:.5s ease-in-out}.btn-diagonal-swip{z-index:2;color:var(--tw-color-green-700);position:relative;overflow:hidden;border:1px solid;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-diagonal-swip:before{content:"";position:absolute;top:0;right:-50px;bottom:0;left:0;border-right:50px solid transparent;border-bottom:80px solid var(--tw-color-green-700);transform:translateX(-100%)}.btn-diagonal-swip:hover{color:var(--tw-color-green-200)}.btn-diagonal-swip:hover:before{transform:translateX(0)}.btn-diagonal-swip.active{background:var(--tw-color-green-700);color:var(--tw-color-green-200)}.btn-diagonal-close{color:#cd9e44;position:relative;display:block;margin:1rem auto;text-transform:uppercase;border:1px solid}.btn-diagonal-close:after,.btn-diagonal-close:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transition:.5s ease-in-out}.btn-diagonal-close:before{right:-50px;border-right:50px solid transparent;border-bottom:80px solid #765515;transform:translateX(-100%);z-index:-1}.btn-diagonal-close:after{left:-50px;border-left:50px solid transparent;border-top:80px solid #765515;transform:translateX(100%)}.btn-diagonal-close:hover{color:#f0e3c8!important}.btn-diagonal-close:hover:before{transform:translateX(-49%)}.btn-diagonal-close:hover:after{transform:translateX(49%)}