.button:before,.type1:after,.type2:after,.type3:after{content:"";position:absolute;border-radius:50%;display:block;transition:.5s cubic-bezier(.55, 0, .1, 1) .1s;z-index:-1}.type1,.type2,.type3,.type4{text-decoration:none}.button,.type1,.type2,.type3,.type4{margin:1rem;min-width:13rem}.button{text-align:center;display:inline-block;transition:.2s ease-in;position:relative;overflow:hidden;z-index:1;color:#090909;padding:.5rem 3rem;font-size:18px;background:#000}.button:active{color:#666;box-shadow:inset 4px 4px 12px #c5c5c5,inset -4px -4px 12px #fff}.button:before{left:50%;transform:translateX(-50%) scaleY(1) scaleX(1.25);top:100%;width:140%;height:180%;background-color:rgba(0,0,0,.05)}.button:hover:before,.type1:after{background-color:#fff}.type1:after,.type2:after,.type3:after{left:55%;transform:translateX(-50%) scaleY(1) scaleX(1.45);top:180%;width:160%;height:190%}.type2:after{background-color:#e80000}.type1,.type3:after{background-color:#000}.button:hover,.type1{border:1px solid #000;color:#fff}.button:hover:before{top:-35%;transform:translateX(-50%) scaleY(1.3) scaleX(.8)}.type1:hover:after,.type2:hover:after,.type3:hover:after,.type4:hover:after{top:-45%;transform:translateX(-50%) scaleY(1.3) scaleX(.8)}.type2{background-color:#e80000;color:#fff;border:1px solid #e80000}.type3,.type4{background-color:transparent}.type3,.type4:hover{color:#000;border:1px solid #000}.type3:hover,.type4{color:#fff;border:1px solid #fff}.type1:hover:after{background-color:#666}.type1:hover{color:#fff;border:1px solid #666}.type2:hover{color:#fff;border:1px solid #bb0a0a}.type2:hover:after{background-color:#bb0a0a}.type3:hover:after,.type4:hover:after{background-color:#000;color:#fff}