.button {
  color: $brand-lightblue;

  background: none;
  @include border-radius(3px, 3px);
  border: 3px solid $brand-lightblue;
  @include font-size(18);
  line-height: 2em;
  padding-left: 15px;
  padding-right: 15px;
  &:after {
    content: ">";
    margin-left: -.5em;
    opacity: 0;
    transition: all 0.2s ease 0s;

  }
  &:hover {
    border-color: $brand-lightgrey;
    background-color: $brand-lightgrey;
    &:enabled {
      &:after {
          opacity: 1;
          margin-left: .5em;
        }
    }
  }
  &:disabled {
    background-color: $brand-lightgrey;
    border-color: $brand-lightgrey;
    color: $brand-white;

  }
}

.button-light {
  color: $brand-white;
  border-color: $brand-white;
  &:hover {
    background-color: rgba(255, 255, 255, .2);
    color: $brand-white;
    border-color: $brand-white;

  }
}