.hero-direct{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  max-width:340px!important;
  margin-top:20px!important;
}
.hero-direct a{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:44px!important;
  padding:9px 12px!important;
  color:#fff!important;
  background:rgba(6,26,50,.82)!important;
  border:1px solid rgba(77,179,247,.75)!important;
}
.hero-direct span{
  flex:0 0 auto!important;
  margin:0!important;
  color:#82caff!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
}
.hero-direct strong{
  margin-left:auto!important;
  color:#fff!important;
  font-size:10px!important;
  text-align:right!important;
  white-space:nowrap!important;
}
.hero-direct a:hover{background:#0b4c88!important;border-color:#4db3f7!important}
@media(max-width:480px){.hero-direct{max-width:100%!important}.hero-direct a{gap:10px!important}.hero-direct strong{font-size:9.5px!important}}