:root{--yellow: #FFC107;--light-yellow: #FFEB3B}body{background-color:#0a0a14;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0}.link{border-top:1px solid rgba(255,255,255,.5);color:#fff;display:block;font-family:Stack Sans Notch,sans-serif;font-size:clamp(2em,8vmin,7em);padding:clamp(.25em,1vmin,1em) clamp(1em,4vmin,4em);position:relative;text-decoration:none}.link:hover{color:var(--light-yellow)}.link:hover:before{transition:width .6s ease;width:100%}.link:before{background:linear-gradient(to right,transparent,var(--yellow) var(--light-yellow-percent),var(--light-yellow));content:"";left:0;top:0;height:100%;width:0%;position:absolute}.link:nth-child(3){border-bottom:1px solid rgba(255,255,255,.5)}