.blog_card{
  background: var(--bgColor1);
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 0 5px var(--bgColor3);
}

.blog_card .banner img{
  width: 100%;
  -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}

.blog_card .details{
  margin-top: -90px;
  padding: 20px 20px 0;
}
.blog_card .title{
  font-size: 20px;
  font-family: var(--fontFamily1);
  font-weight: 750;
  text-decoration: none;
  color: var(--textColor1);
  margin-top: 15px;
  display: inline-block;
}
.blog_card p{
  color: var(--textColor2);
  margin-top: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog_card .actions{
  padding: 15px 20px 25px;
  display: flex;
  justify-content: center;
}