/**
 * h1 Styles
 */
/**
 * h2 Styles
 */
/**
 * h3 Styles
 */
/**
 * h4 Styles
 */
/**
 * h5 Styles
 */
/**
 * h6 Styles
 */
/**
 * Container for components .container class
*/
/*
* Content + Two Sidebars Layout
* Pages: Spikes, Brixx, Tax
*/
.miax-button {
  text-decoration: none;
  display: inline-block;
  border-radius: 30px;
  font-family: "FoundersGrotesk-Web-Medium";
  font-size: 16px;
  padding: 16px 74.5px;
  background-size: 220% 100%;
  background-position: 100% 100%;
  color: #ffffff;
  transition: background-position 1s;
}
.miax-button:hover {
  color: #ffffff;
  background-position: 0 100%;
}

button.miax-button {
  border: none;
}

.miax-button--dark {
  background-image: linear-gradient(315deg, #1a1a1a 50%, var(--active-brand-color) 50%);
}

.miax-button--orange {
  background-image: linear-gradient(315deg, var(--active-brand-color) 50%, #1a1a1a 50%);
}

.dark .miax-button--orange,
.black .miax-button--orange {
  color: #ffffff;
  background-image: linear-gradient(315deg, var(--active-brand-color) 50%, #ffffff 50%);
}
.dark .miax-button--orange:hover,
.black .miax-button--orange:hover {
  color: #000000;
}

@media screen and (min-width: 768px) {
  .mobile-show .miax-button {
    display: none;
  }
}