.shine-wrap {
  height: 10rem;
  width: 5rem;
  border-radius: 6px;
  display: flex;
  align-items: center;
  text-align: center;
  line-height: 1.6;
}.shine-wrap img{
	height: auto;
	max-width: 100%;
}.shine {
  position: relative;
  overflow: hidden;
  transition: transform .25s ease;
}.shine:hover {
  transform: scale(1.025);
}.shine::before {
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	content: "";
	display: block;
	height: 100%;
	left: -75%;
	position: absolute;
	top: 0;
	transform: skewX(-25deg);
	width: 50%;
	z-index: 2;
 }.shine:hover::before, .shine:focus::before {
	animation: shine 1s;
 }

@keyframes shine {
	100% {
    left: 125%;
  }
}