@use '~/styles/bootstrap/init' as bs;
@use '~/styles/atoms/mixins/buttons' as mixins-buttons;

.grw-seen-user-info :global {
  .btn.btn-seen-user {
    $color-seen-user: #549c79;

    @include bs.button-outline-variant($color-seen-user, $color-seen-user, rgba(lighten($color-seen-user, 10%), 0.15), rgba(lighten($color-seen-user, 10%), 0.5));
    @include mixins-buttons.button-outline-svg-icon-variant($color-seen-user, $color-seen-user);

    &:not(:disabled):not(.disabled):active,
    &:not(:disabled):not(.disabled).active {
      color: $color-seen-user;
      svg {
        fill: $color-seen-user;
      }
    }
    &:not(:disabled):not(.disabled):not(:hover) {
      background-color: transparent;
    }
  }
}
