.monza-button__link {
  height: fit-content;
  text-decoration: none;
  width: fit-content;

  &:visited,
  &:focus,
  &:hover {
    text-decoration: none;
  }
}

.monza-button {
  border-radius: 0.25rem;
  font-family: Gudea;
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.03125rem;
  line-height: 150%; /* 1.5rem */
  outline: unset;
}

.monza-button.solid {
  background-color: var(--color-secondary-750);
  border: 2px solid var(--color-secondary-750);
  color: var(--color-white);

  &:hover {
    background-color: var(--color-secondary-650);
    border: 2px solid var(--color-secondary-650);
  }
}

.monza-button.outlined {
  background-color: var(--color-white);
  border: 2px solid var(--color-secondary-750);
  color: var(--color-secondary-750);

  &:hover {
    border: 2px solid var(--color-secondary-650);
    color: var(--color-secondary-650);
  }
}

.monza-button.ghost {
  background-color: var(--color-white);
  border: 2px solid var(--color-white);
  color: var(--color-secondary-750);

  &:hover {
    color: var(--color-secondary-650);
  }
}

.monza-button.size-m {
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
}

.monza-button.size-l {
  gap: 0.5rem;
  padding: 0.75rem 1.375rem;
}