@keyframes shine{0%{background-position:100% 0}to{background-position:-100% 0}}.shine-effect{position:relative;overflow:hidden}.shine-effect:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.2) 30%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.2) 70%,transparent 80%);background-size:200% 100%;background-position:-100% 0;pointer-events:none;transition:all .3s ease-out}.shine-effect:hover:after{animation:shine 2.5s ease infinite}