.story-card {
  background: #fff;
  box-shadow: 0px 4px 8px 0px rgba(168, 168, 168, 0.1);
  padding: 20px;
  border: none;
  transition: all 0.3s;
}
.story-card .story-card-img-wrapper {
  overflow: hidden;
}
.story-card .story-card-img-wrapper img {
  transition: all 0.3s;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.story-card .story-card-main-title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 28px;
}
.story-card .story-card-para {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.story-card .story-card-para p {
  font-size: 14px;
}
.story-card .story-card-arrow-green {
  visibility: hidden;
  -webkit-transform: translateX(-1rem);
          transform: translateX(-1rem);
  transition: all 3s;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  color: #62BC4D;
  font-size: 31px;
}
.story-card .unido-link {
  color: #1a1a1a;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s;
}
.story-card:hover {
  padding-bottom: 30px;
}
.story-card:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.story-card:hover .story-card-arrow-green {
  visibility: visible;
  -webkit-transform: translateX(0rem);
          transform: translateX(0rem);
}
.story-card:hover .unido-link {
  color: #62BC4D;
}