/* Common Styles for Mobile Button */
.main-navigation__mobile-button-wrapper {
  border: 1.5px solid var(--azati-blue);
  box-sizing: border-box;
  color: var(--azati-blue);
  cursor: pointer;
  font-weight: 500;
  padding: 3px 10px;
  text-transform: unset;
  transition: all var(--transition-duration) linear;
}

.main-navigation__mobile-button-wrapper.active {
  border: 1.5px solid var(--azati-orange);
  color: var(--azati-orange);
}

@media screen and (min-width: 992px) {
  .site-header .main-navigation__mobile-button-wrapper {
    display: none;
  }
}