.button{position:relative;display:flex;align-items:center;background-color:rgba(0,0,0,.05);font-weight:600;height:50px;padding:0 25px;border-radius:50px;color:rgba(0,0,0,0);overflow:hidden;cursor:pointer;transition:background-color .25s ease}.button:after,.button:before{content:attr(data-text);position:absolute;display:flex;justify-content:center;align-items:center;top:0;right:0;bottom:0;left:0;color:rgba(0,0,0,.5);transition:transform .25s ease,color .25s ease}.button:after{transform:translateY(100%);font-weight:800}.button.button--primary{background-color:#60d394}.button.button--primary:after,.button.button--primary:before{color:#fff}.button.button--primary.button--negative{background-color:#fff}.button.button--primary.button--negative:after,.button.button--primary.button--negative:before{color:#60d394}.button.button--secondary{background-color:#736ced}.button.button--secondary:after,.button.button--secondary:before{color:#fff}.button.button--secondary.button--negative{background-color:#fff}.button.button--secondary.button--negative:after,.button.button--secondary.button--negative:before{color:#736ced}.button.button--small{height:40px;border-radius:40px;padding:0 20px}.button.button--large{font-size:18px;height:60px;border-radius:60px;padding:0 30px}@media screen and (max-width:768px){.button.button--large{height:50px;font-size:16px}}.button.button--hover:before{transform:translateY(-100%)}.button.button--hover:after{transform:translateY(0)}.button.button--disabled{opacity:.5;pointer-events:none}