.three-recent-posts {
  margin: 60px 0;
}

.recent-post-title a {
  text-decoration: none !important;
}

.hook-copy a {
  color: #111!important;
  padding: 0!important;
  text-decoration: none!important;
  background-image: linear-gradient(transparent 0%,transparent calc(50% - 8px),#B8D9D9,calc(50% - 8px),#B8D9D9 100%)!important;
  transition: background-position 120ms ease-in-out,padding 120ms ease-in-out!important;
  background-size: 100% 200%!important;
  background-position: 0 0!important;
}

.hook-copy a:hover {
  background-image: linear-gradient(transparent 0%,transparent calc(50% - 8px),#92C3C3,calc(50% - 8px),#92C3C3 100%)!important;
  background-position: 0 100%!important;
}

.hook-container {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.hook {
  display: flex;
  width: 580px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
}

#last-3-shoes {
  position: relative;
  max-width: initial;
  height: 65px;
 }

.hook-copy {
  margin-left: 25px;
}

.recent-posts {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 1rem;
  font-size: 12px;
}

@media (max-width: 768px) {
  .recent-posts {
    margin: 0 3px;
    grid-template-columns: none;
    grid-row-gap: 1.5rem;
  }
}

.recent-post {
  display: flex;
  flex-direction: column;
}

.recent-post-attribution {
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .recent-post-attribution {
    display: none;
  }
}

.recent-post-img {
  margin-bottom: 15px;
}

.bruceclay-name {
  font-weight: bold;
}

.recent-post-title {
  font-family: 'Saira Extra Condensed';
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
}