button,button::after{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}button{background:none;border:1px solid #BA975F;border-radius:15px;color:#BA975F;display:block;font-size:21px;font-weight:400;margin:1em 0;padding:18px 55px;position:relative}button::before,button::after{background:#092924;content:"";position:absolute;z-index:-1}button:hover{color:#fff}.btn-animation{overflow:hidden}.btn-animation::after{background-color:#BA975F;height:100%;left:-35%;top:0;transform:skew(50deg);transition-duration:0.6s;transform-origin:top left;width:0}.btn-animation:hover:after{height:100%;width:135%}.btn-arrow{position:relative;-webkit-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out}.btn-arrow span{display:inline-block;position:relative;-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out;will-change:transform}.btn-arrow:hover span{-webkit-transform:translate3d(-1rem, 0, 0);transform:translate3d(-1rem, 0, 0)}.btn-arrow i{position:absolute;right:0px;opacity:0;top:55%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out;will-change:right, opacity}.btn-arrow:hover i{opacity:1;right:-2.4rem}