.pro:after{background-color:var(--primary);background-image:linear-gradient(to right,var(--light) 0,var(--dark) 100%);background-repeat:repeat-x;content:"";height:5px;left:10;margin:.5rem 0;position:absolute;transition:.4s;width:10%;z-index:10}.pro:hover:after{width:96%}.site{color:var(--dark);font-size:15px;text-decoration:underline;text-decoration-color:#f0f8ff}@media only screen and (max-width:600px){.pro:after{left:18px;margin:.5rem 0}.pro:hover:after{width:90%}}