.custom_btn {
  margin-top: 35px;
}


.input-box {
  position: relative;
}


.button-box {
  position: relative;
}


/* intl-tel-input wraps input[name="phone_raw"] in a new .iti div that
   becomes the actual grid item, so the span-2 class on the original
   input no longer applies to layout. Mirror it onto the wrapper. */
@media (width>=40rem) {
  .signup_form .iti {
    grid-column: span 2 / span 2;
  }
}
.logo {
  max-width: 30px;
  display: inline-block;

}

@media (max-width: 340px) {
  header .logo-text {
    display: none;
  }
}

@media (max-width: 410px) {
  .crypto-market-banner {
    height: auto;
  }

  .crypto-market-banner-content {
    height: auto;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .benefits-hero-card {
    min-height: 0;
    aspect-ratio: auto;
  }

  .benefits-hero-shell,
  .benefits-hero-content {
    height: auto;
    padding: 0.75rem;
  }

  .benefits-hero-title {
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .benefits-hero-copy {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.65;
  }

  .benefits-hero-actions {
    margin-top: 1rem;
  }
}