#blogs_container .new_blog {
  background-image: url(../images/heroVector.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#blogs_container .slide_btn {
  height: 3rem;
  width: 3rem;
  display: grid;
  place-items: center;
  border: 1px solid var(--text-color);
  color: var(--text-color);
  border-radius: var(--sm-round);
  transition: var(--transition);
}
#blogs_container .slide_btn:hover {
  background-color: var(--primary);
  color: var(--white);
  box-shadow: 3px 3px 0 0 var(--text-color);
}