.button{--bg-main:#fff;--bg-after:#062a69;--text-color:#000;--border-color:#4f4f4f;--after-border:transparent;border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);background:var(--bg-main);z-index:1;transition:all .2s ease-in;position:relative;overflow:hidden}.button.white{--bg-main:#fff;--bg-after:#062a69;--text-color:#000;--border-color:#4f4f4f}.button.blue{--bg-main:#062a69;--bg-after:#fff;--text-color:#fff;--border-color:#062a69;--after-border:1px solid #062a69}.button:before{content:"";z-index:-1;background-color:#0000000d;border-radius:50%;width:140%;height:180%;transition:all .5s cubic-bezier(.55,0,.1,1) .1s;position:absolute;top:100%;left:50%;transform:translate(-50%)scaleY(1)scaleX(1.25)}.button:after{content:"";background-color:var(--bg-after);border:var(--after-border);z-index:-1;border-radius:50%;width:160%;height:190%;transition:all .5s cubic-bezier(.55,0,.1,1) .1s;position:absolute;top:180%;left:55%;transform:translate(-50%)scaleY(1)scaleX(1.45)}.button:hover{color:var(--bg-main);border-color:var(--bg-after)}.button:hover:before,.button:hover:after{background-color:var(--bg-after);top:-45%;transform:translate(-50%)scaleY(1.3)scaleX(.8)}