.topic-card {
  margin-bottom: 2rem;
  transition: transform 0.3s ease-in-out;
}

.topic-card .img-box {
  max-width: 350px;
  min-width: 300px;
}


.topic-card__content {
  margin-left: 5%;
  z-index: 2;
  max-width: 300px;
  margin-top: -25%;
}

.topic-card__content p {
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.topic-card:hover .topic-card__content p {
  color: var(--destaque_color);
}

.topic-card__content h2 {
  font-size: clamp(14px, 3vw, 16px);
  font-weight: 500;
}

.topic-card__arrow svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.topic-card__arrow {
  transform: translateX(-6px);
  transition: transform 0.25s ease;
}

.topic-card:hover {
  transform: translateY(-10px);
}

.topic-card:hover .topic-card__arrow {
  transform: translateX(6px);
}