.button-hero {
  padding-top: var(--base-unit--1)!important;
  padding-right: var(--base-unit--1-25)!important;
  padding-bottom: var(--base-unit--1)!important;
  padding-left: var(--base-unit--1-25)!important;
  background-color: var(--color--brand--primary-300)!important;
  color: var(--color--neutral--white)!important;
  font-size: var(--text-paragraph--medium)!important;
  cursor: pointer!important;
  justify-content: space-between!important;
  align-items: center!important;
  max-width: -moz-fit-content!important;
  max-width: fit-content!important;
  font-weight: 500!important;
  text-decoration: none!important;
  transition-property: color, background-color!important;
  transition-duration: .2s, .2s!important;
  transition-timing-function: ease, ease!important;
  display: flex!important;
}

.button-hero:hover {
  background-color: var(--color--brand--primary-100);
}

.button-hero.is-medium {
  padding: var(--base-unit--0-875);
  font-size: var(--text-paragraph--regular);
}

.button-hero.is-download {
  padding-top: var(--base-unit--0-875);
  padding-right: var(--base-unit--1);
  padding-bottom: var(--base-unit--0-875);
  padding-left: var(--base-unit--1);
  font-size: var(--text-paragraph--regular);
  justify-content: center;
  align-items: center;
  max-width: none;
}