.btn-solid {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.12);
  padding: 12px 18px;
  border-radius: 14px;
  transition: transform 0.3s ease;
}

.hero .btn-solid, .hero .btn-outline {
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.btn-outline {
  border: 1px solid rgba(0, 0, 0, 0.22);
  padding: 12px 18px;
  border-radius: 14px;
  background: transparent;
  transition: transform 0.3s ease;
}

.btn-solid:hover,
.btn-outline:hover {
  transform: translateY(-1px);
}

.mt-24{margin-top:24px}