.buttons{display:flex;margin-top:24px}.button{pointer-events:auto;cursor:pointer;background:#e7e7e7;border:none;padding:10px 20px;margin:0;font-family:Chakra Petch,sans-serif;font-size:16px;position:relative;display:inline-block}.button:after,.button:before{position:absolute;top:0;left:0;width:100%;height:100%}.button--mimas{letter-spacing:.05rem;border-radius:.5rem;overflow:hidden;color:#fff;background:#e7e7e7}.button--mimas span{position:relative;font-size:20px}.button--mimas:before{content:"";background:#106ae0;width:120%;left:-10%;transform:skew(30deg);transition:transform .4s cubic-bezier(.3,1,.8,1)}.button--mimas:hover:before{transform:translate3d(100%,0,0)}.button--mimas:hover span{mix-blend-mode:difference}.bflex{display:flex}@media screen and (max-width:550px){.button--mimas span{font-size:16px}}@media screen and (max-width:360px){.buttons{display:flex;flex-direction:column}}