.home-catalogue-actions {
  align-items: flex-start;
  flex-direction: column;
}

.home-catalogue-actions .hero-catalogue-cta {
  flex: 0 0 auto;
}

.hero-secondary-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

@media (max-width: 620px) {
  .home-catalogue-actions,
  .home-catalogue-actions .hero-catalogue-cta {
    width: 100%;
  }

  .hero-secondary-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}
