.teastrip-item {
  text-decoration: none;

  &:hover {
    .teastrip-item__media img {
      transform: scale(1.1);
    }

    .teastrip-item__link:after {
      width: 1.725rem;
      clip-path: var(--long-arrow);
      right: .75rem;
    }
  }
} 

.teastrip-item__media {
  overflow: hidden;
  border-radius: var(--border-r);
}

.teastrip-item__media img {
  width: 100%;
  transform: scale(1);
  transition: transform .25s;

  @media (max-width: 450px) {
    object-fit: cover;
    aspect-ratio: 1 / 1;
  }
}

.teastrip-item__headline {
  font: var(--tall);
  margin: 10px 0 0 0;
}

.teastrip-item__link {
  font: var(--mini);
  display: block;
  
  &::after {
    content: '';
    display: inline-block;
    height: .75rem;
    width: 1.5rem;
    background-color: currentColor;
    clip-path: var(--short-arrow);
    margin: 0 0 0 5px;
    transition: clip-path 0.25s, width 0.25s;
  }
}