@import '@/styles/responsive.scss';
@import 'rfs/scss';

.list-group-item {
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;

  // padding-top: 18px;
  // padding-bottom: 18px;

  @include padding-top(18px);
  @include padding-bottom(18px);

  @extend .d-flex;
  @extend .justify-content-between;
  @extend .align-items-sm-center;
  @extend .gap-sm-0;
  @extend .gap-2;

  @extend .flex-column;
  @extend .flex-sm-row;

  & > h6 {
    @extend .m-0;
    @extend .text-light-grey-2;
  }

  & > h4 {
    @extend .fs-5;
    @extend .m-0;
    @extend .fw-bold;
  }

  @include small-screen {
    padding-inline: 5px;
  }
}