@use '~/styles/bootstrap/init' as bs;

.btn-subscribe {
  &:global {
    @include bs.button-outline-variant(rgba(bs.$secondary, 50%), bs.$success, rgba(lighten(bs.$success, 10%), 0.15), rgba(lighten(bs.$success, 10%), 0.5));
    &:not(:disabled):not(.disabled):active,
    &:not(:disabled):not(.disabled).active {
      color: lighten(bs.$success, 15%);
    }
    &:not(:disabled):not(.disabled):not(:hover) {
      background-color: transparent;
    }
  }
}