.secondary-button{
  display:inline-flex;
  align-items:center;
  gap:25px;
  padding:16px 25px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(100deg,var(--deep),var(--blue));
  font-weight:800;
  box-shadow:0 12px 28px rgba(0,77,145,.24);
}
.secondary-button span{font-size:1.3rem}
@media(min-width:901px){
  .hero-actions .primary,
  .hero-actions .secondary-button{width:420px;justify-content:space-between}
}
@media(max-width:560px){
  .secondary-button{width:100%;justify-content:space-between}
}