.vl-button {
  cursor: pointer;
  
  &--border {
    border: 2px solid $vl-alt-bg;
  }

  &--green {
    background-color: $vl-action-fourth-color;
    color: #fff;
    border: 0.1rem $vl-action-fourth-color solid;
    transition: background-color 0.2s, box-shadow 0.2s;

    &:visited {
      color: $vl-alt-bg;
    }

    &:hover,
    &:focus,
    &:active {
      color: $vl-alt-bg;
      background-color: $vl-validation-green-hover;
      border-color: $vl-validation-green-hover;
    }
  }
}