.back-arrow {
    display: inline-block;
    color: var(--color-primary);
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.2s ease;
  }
  
  .back-arrow:hover {
    background-color: var(--color-primary-light);
    cursor: pointer;
  }
  
  .back-arrow:active {
    transform: scale(0.95);
    background-color: var(--color-primary-light);
  }

.more-info {
  display: inline-block;
  color: var(--color-primary);
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  border-radius: 8px;
  transition: background-color 0.2s ease;
}

.more-info:hover {
  background-color: var(--color-primary-light);
  cursor: pointer;
}

.more-info:active {
  transform: scale(0.95);
  background-color: var(--color-primary-light);
}