.hero-actions{
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.cta-outline{
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.6) !important;
  color: #fff !important;
  text-decoration: none;
}

.cta-outline:hover{
  background: rgba(255,255,255,0.12) !important;
}