.post {
  max-width: 30rem;
  margin: 2rem;
  float: left;
}

.fun-hover {  
  background-image: linear-gradient(to right, rgba(000, 0, 0, 0.0) 50%, #ac2543 50%);
  
  background-position: 0;
  background-size: 200%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.fun-hover:hover {
  background-position: -100%;
}


.fun-hover2 {  
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.0) 50%, #ca3657 50%); color:#FFF !important;
  background-position: 0;
  background-size: 200%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.fun-hover2:hover {
  background-position: -100%;color:#FFF !important;
}


.fun-hover3 {  
  background-image: linear-gradient(to right, rgba(000, 0, 0, 0.0) 50%, #4b81fa 50%);
  background-position: 0;
  background-size: 200%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.fun-hover3:hover {
  background-position: -100%;
}


.fun-hover4 {  
  background-image: linear-gradient(to right, rgba(000, 0, 0, 0.0) 50%, #fff 50%);
  background-position: 0;
  background-size: 200%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.fun-hover4:hover {
  background-position: -100%;
}