//
// Button Hovers v1, v2
//

// e.g. @include u-hover-btn-v1 (1, 1, $g-color-primary);
@mixin u-button-flat-hover ($version, $type, $background) {
  &.u-btn-hover-v#{$version}-#{$type} {
    overflow: hidden;

    &::after,
    &:hover::after {
      background-color: lighten($background, 5%);
    }

    &:hover {
      background-color: $background;
      overflow: hidden;
    }
  }
}

// e.g. @include u-hover-btn-v1 (1, 1, $g-color-primary);
@mixin u-button-outline-hover ($version, $type, $background) {
  &.u-btn-hover-v#{$version}-#{$type} {
    overflow: hidden;

    &::after,
    &:hover::after {
      background-color: lighten($background, 5%);
    }

    &:hover {
      overflow: hidden;
      background-color: transparent;
    }
  }
}