.container{position:fixed;display:flex;top:0;left:0;width:100vw;height:100vh;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#111,#6e6e6e)}.container .login{text-align:center}.login p{margin-bottom:40px}.button{margin:0;height:auto;background:transparent;padding:0;border:none;cursor:pointer;--border-right:6px;--text-stroke-color:hsla(0,0%,100%,.6);--animation-color:#bb2121;--fs-size:2em;letter-spacing:3px;text-decoration:none;font-size:var(--fs-size);font-family:Arial;position:relative;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #777}.hover-text{position:absolute;box-sizing:border-box;content:attr(data-text);color:var(--animation-color);width:0;inset:0;border-right:var(--border-right) solid var(--animation-color);overflow:hidden;transition:.5s;-webkit-text-stroke:1px var(--animation-color)}.button:hover .hover-text{width:100%;filter:drop-shadow(0 0 23px var(--animation-color))}.button:hover a,.hover-text a{text-decoration:none;color:#bb2121}