.read-more {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  color: var(--red);
  text-decoration: none;
  text-transform: uppercase;
  font-size: .84rem;
  font-weight: 600;
  letter-spacing: .06em;
}
.read-more span { font-size: 1.35rem; transition: transform .2s; }
.read-more:hover { color: #fff; }
.read-more:hover span { transform: translateX(4px); }

@media (max-width: 991px) {
  .about-story .read-more { grid-column: 1; }
}