{# Base font style and color variables can be found in landing-page.css #}
.landing--page--header__top {
  background: linear-gradient(90deg,#1e6cfd 7.98%,#f81ed2 94.01%);
  height: 3.6rem;
  width: 100%:
}

.landing--page--header__container {
  display: grid;
  grid-template-columns: auto auto;
  gap: 2rem;
  align-items: center;
  padding: 2.5rem 2rem;
}

.landing--page--header__btn {
  justify-self: flex-end;
  letter-spacing: -0.02em;
  padding: 1rem 2rem;
  background: #ff6905;
    color: #fff !important;

}
.landing--page--header__btn:hover {
background: #d85600;
  color: #fff !important;
}

@media (max-width: 600px) {
 .landing--page--header__top {
    height: 1.3rem;
  } 
}

/* Media Queries */
@media (max-width: 375px) {
  .landing--page--header__btn {
    padding: 0.5rem 1.5rem;
    font-size: 1.4rem;
    line-height: 2.0rem;
  }
}