u {  text-decoration: none; background: linear-gradient(to right, rgba(194, 208, 186, 0.5), rgba(194, 208, 186, 0.5)); background-size: 100% 2px, 0 2px; background-position: 100% 100%, 0 100%; background-repeat: no-repeat; transition: background-size 400ms; {  .scale-half { transform:scale(0.5); } .brx-animate.scrollDown-100 { animation-name: scrollDown-100; } @keyframes scrollDown-100 { 0% { transform: translateX(0px); } 100% { transform: translateX(100px); } } .brx-animate-CardRotation { animation-name: Card-Rotation; animation: Card-Rotation 2s ease-in-out 0s 1 normal forwards; } @keyframes Card-Rotation { 0% { transform: rotate(0); } 100% { transform: rotate(180deg); } }