button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;

  &[disabled] {
    cursor: not-allowed;
  }
}

a {
  color: $color-primary;
  text-decoration: none;
  text-decoration-skip-ink: auto;
  cursor: pointer;

  &:hover:not([disabled]) {
    text-decoration: underline;
  }
}