.button.dark{--background:#2f3545;--shadow:0 2px 8px -1px rgba(21,25,36,.32);--shadow-hover:0 4px 20px -2px rgba(21,25,36,.5)}.button.white{--background:#fff;--text:#275efe;--shadow:0 2px 8px -1px rgba(18,22,33,.04);--shadow-hover:0 4px 20px -2px rgba(18,22,33,.12)}.button{font-family:'fira_sansregular';font-weight:400;background:#f27a62;--background:#f27a62;--text:#fff;color:#fff;--font-size:18px;--duration:.5s;--move-hover:-4px;padding:16px 45px 17px;line-height:var(--font-size);border-radius:12px;display:inline-block;outline:none;border:none;cursor:pointer;text-decoration:none;text-transform:uppercase;font-size:var(--font-size);background:var(--background);color:var(--text);box-shadow:var(--shadow);-webkit-transform:translateY(var(--y));transform:translateY(var(--y));transition:box-shadow var(--duration) ease,-webkit-transform var(--duration) ease;transition:transform var(--duration) ease,box-shadow var(--duration) ease;transition:transform var(--duration) ease,box-shadow var(--duration) ease,-webkit-transform var(--duration) ease;-webkit-tap-highlight-color:transparent;-webkit-appearance:none}.button:hover{background:#ff7054}.button div{display:-webkit-box;display:flex}.button div span{display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-style:normal}.button div span:nth-child(1){--d:.05s}.button div span:nth-child(2){--d:.1s}.button div span:nth-child(3){--d:.15s}.button div span:nth-child(4){--d:.2s}.button div span:nth-child(5){--d:.25s}.button div span:nth-child(6){--d:.3s}.button div span:nth-child(7){--d:.35s}.button div span:nth-child(8){--d:.4s}.button div span:nth-child(9){--d:.45s}.button div span:nth-child(10){--d:.5s}.button div span:nth-child(11){--d:.55s}.button div span:nth-child(12){--d:.6s}.button div span:nth-child(13){--d:.65s}.button div span:nth-child(14){--d:.7s}.button div span:nth-child(15){--d:.75s}.button div span:nth-child(16){--d:.8s}.button div span:nth-child(17){--d:.85s}.button div span:nth-child(18){--d:.9s}.button div span:nth-child(19){--d:.95s}.button:hover{--y:var(--move-hover);--shadow:var(--shadow-hover);--move:-4px;--shadow-active:0 3px 1px rgba(0,0,0,.2)}.button:hover span{-webkit-animation:move var(--duration) linear var(--d);animation:move var(--duration) linear var(--d)}.button.drive{--move:16px;--skew:25deg;--skew-fast:40deg;--skew-bounce:-12px}.button.drive:hover span{--duration:1s;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:drive var(--duration) linear var(--d);animation:drive var(--duration) linear var(--d)}@-webkit-keyframes move{40%{-webkit-transform:translateY(var(--move));transform:translateY(var(--move));text-shadow:var(--shadow-active)}}@keyframes move{40%{-webkit-transform:translateY(var(--move));transform:translateY(var(--move));text-shadow:var(--shadow-active)}}@-webkit-keyframes smoke{45%,55%{-webkit-filter:blur(var(--blur));filter:blur(var(--blur))}50%,50.1%{opacity:0}25%,75%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(var(--move)) translateY(var(--move-y));transform:translateX(var(--move)) translateY(var(--move-y))}50.1%{-webkit-transform:translateX(calc(var(--move)*-1));transform:translateX(calc(var(--move)*-1))}}@keyframes smoke{45%,55%{-webkit-filter:blur(var(--blur));filter:blur(var(--blur))}50%,50.1%{opacity:0}25%,75%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(var(--move)) translateY(var(--move-y));transform:translateX(var(--move)) translateY(var(--move-y))}50.1%{-webkit-transform:translateX(calc(var(--move)*-1));transform:translateX(calc(var(--move)*-1))}}@-webkit-keyframes drive{40%{opacity:1}55%{-webkit-transform:skewX(var(--skew)) translateX(var(--move));transform:skewX(var(--skew)) translateX(var(--move))}56%{-webkit-transform:skewX(var(--skew-fast)) translateX(calc(var(--move)*-1));transform:skewX(var(--skew-fast)) translateX(calc(var(--move)*-1))}55%,56%{opacity:0}75%{-webkit-transform:skewX(var(--skew));transform:skewX(var(--skew))}85%{-webkit-transform:skewX(var(--skew-bounce));transform:skewX(var(--skew-bounce))}}@keyframes drive{40%{opacity:1}55%{-webkit-transform:skewX(var(--skew)) translateX(var(--move));transform:skewX(var(--skew)) translateX(var(--move))}56%{-webkit-transform:skewX(var(--skew-fast)) translateX(calc(var(--move)*-1));transform:skewX(var(--skew-fast)) translateX(calc(var(--move)*-1))}55%,56%{opacity:0}75%{-webkit-transform:skewX(var(--skew));transform:skewX(var(--skew))}85%{-webkit-transform:skewX(var(--skew-bounce));transform:skewX(var(--skew-bounce))}}