.button{border:none;border-radius:22px;cursor:pointer;font-family:var(--font-family-body);font-size:18px;height:44px;overflow:hidden;padding:0 calc(var(--space)*5);position:relative}.button--primary{color:var(--dark)}.button--primary,.button--primary:before{background:linear-gradient(135deg,var(--orange-medium) 0,var(--orange-light) 100%)}.button--primary:after{background:linear-gradient(135deg,var(--orange-light) 0,var(--orange-medium) 50%)}.button--secondary{background:linear-gradient(135deg,var(--violet-medium) 0,var(--violet-dark) 100%);color:var(--white)}.button--secondary:before{background:linear-gradient(135deg,var(--violet-dark) 0,var(--violet-medium) 100%)}.button--secondary:after{background:linear-gradient(135deg,var(--violet-medium) 0,var(--violet-dark) 100%)}@media (min-width:1024px){.button{border-radius:27px;font-size:22px;height:54px;padding:0 calc(var(--space)*6)}.button:after,.button:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.button:before{z-index:0}.button:after{opacity:0;transition:opacity .6s ease;z-index:1}.button:hover:after{opacity:1}}.button span{position:relative;z-index:2}.container{margin:0 auto;max-width:1440px;padding:0 calc(var(--space)*2)}@media (min-width:1024px){.container{padding:0 calc(var(--space)*6)}}.container--small{max-width:1024px}.container--medium{max-width:1200px}