.button{border:2px solid transparent;border-radius:15px;cursor:pointer;display:inline-block;font-size:20px;overflow:hidden;padding:8px 25px;position:relative;text-align:center;text-decoration:none;transition:color .35s ease,border-color .35s ease}.button span{position:relative;z-index:2}.button:before{background:currentColor;border-radius:10px;content:"";inset:0;position:absolute;transform:scale(1);transition:transform .45s cubic-bezier(.4,0,.2,1);z-index:1}.button:hover:before{transform:scale(0)}.button:hover{background:transparent}.button.pink{border-color:#e62d8a;color:#fff}.button.pink:before{background:#e62d8a}.button.pink:hover{color:#e62d8a}.button.grey{background-color:gray;color:#fff}.button.grey:before{background:gray}@media only screen and (max-width:767px){.button{border-radius:10px;font-size:16px}.button:before{border-radius:5px}}