.button {
  background: transparent;
  border: 2px solid $color-grey;
  padding: 5px 15px;
  border-radius: 3px;
  font-family: $sans-serif-font-family;
  font-weight: 400;
  display: inline-flex;
  cursor: pointer;

  &--active {
    border-color: $color-brand;
  }

  &--primary {
    border-color: $color-brand;
  }

  &--white-bg {
    background-color: $color-white;
  }
}