.button{position:relative;padding:24px 64px;border-radius:100vw;background-color:transparent;font-family:'Roboto';font-size:16px;color:#653add;border:solid 1px #653add;overflow:hidden;cursor:pointer;transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1);-webkit-mask-image:-webkit-radial-gradient(white, black)}.button .button-text{position:relative;z-index:2}.button .fill-container{position:absolute;left:0;top:50%;width:100%;padding-bottom:100%;transform:translateY(-50%) rotate(180deg)}.button .fill-container::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#653add;border-radius:50%;transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1);transform:translateY(-100%)}.button:hover{border-color:#653add;color:#ffff;transform:translateY(-4px)}.button:hover .fill-container{transform:translateY(-50%) rotate(0)}.button:hover .fill-container::after{transform:translateY(0)}