.wrap{height:100%;display:flex}.button,.wrap{align-items:center;justify-content:center;position:relative}.button{min-width:250px;min-height:250px;display:inline-flex;font-family:Nunito,sans-serif;font-size:22px;text-transform:uppercase;text-align:center;letter-spacing:1.3px;font-weight:700;color:#fff;background:#f4789d;background:linear-gradient(90deg,#eb94ae,#e55a84);border:none;box-shadow:12px 12px 24px rgba(229,90,132,.64);cursor:pointer;outline:none;padding:10px}.button,.button:before{border-radius:1000px;transition:all .3s ease-in-out 0s}.button:before{content:"";min-width:calc(250px + 12px);min-height:calc(250px + 12px);border:6px solid #f7004a;box-shadow:0 0 60px rgba(247,0,74,.64);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.button:focus,.button:hover{color:#313133;transform:translateY(-6px)}.button:focus:before,.button:hover:before{opacity:1}.button:after{content:"";width:30px;height:30px;border-radius:100%;border:6px solid #f7004a;position:absolute;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);animation:ring 1.5s infinite}.button:focus:after,.button:hover:after{animation:none;display:none}@keyframes ring{0%{width:30px;height:30px;opacity:1}to{width:300px;height:300px;opacity:0}}