.login-play-button{color:#fff;text-shadow:2px 2px #747474;text-transform:uppercase;cursor:pointer;letter-spacing:1px;background-color:var(--color-primary);border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:0 10px;font-size:17px;font-weight:600;text-decoration:none;transition:all .5s;display:flex;position:relative;overflow:hidden}.login-play-button:active{transition:all .1s;transform:scale(.9)}.login-play-button svg{z-index:2;transition:all .5s}.login-play-button .play{transition:all .5s .3s}.login-play-button:hover svg{transform:scale(3)translate(50%)}.login-play-button .now{z-index:2;transition:all .5s;position:absolute;left:0;transform:translate(-100%)}.login-play-button:hover .now{transition-delay:.3s;transform:translate(10px)}.login-play-button:hover .play{transition-delay:.3s;transform:translate(200%)}