.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  font-family: var(--font-body);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

.button--header {
  min-width: 10.75rem;
  min-height: 3.25rem;
  padding: 1.25rem 1.75rem;
  color: var(--color-blue-50);
  background: var(--color-blue-600);
  font-size: 1rem;
}

.button--header:hover,
.button--header:focus-visible {
  background: var(--color-blue-700);
}

@media (max-width: 1408px) {
  .button--header {
    min-width: 12.215909vw;
    min-height: 3.693182vw;
    padding: 1.420455vw 1.988636vw;
    font-size: 1.136364vw;
  }
}

@media (min-width: 1409px) and (max-width: 1919px) {
  .button--header {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .button--header {
    width: 100%;
    min-width: 0;
    min-height: 13.559vw;
    padding: 5.215vw 7.301vw;
    font-size: 4.172vw;
  }
}