.card {
  height: 100%;

  &-wrapper {
    height: 100%;
    display: block;
    position: relative;
    padding-bottom: 30px;
  }
}

.listRefine {
  .refineParams {
    .btn-group {
      @include unitize(margin-right, 20px);

      .dropdown-toggle {
        border: none;
        @include unitize(font-size, 24px);
        background: none;
        color: $brand-secondary;
        position: relative;
        @include unitize(top, -5px);

        strong {
          font-weight: normal;
        }

        &::after {
          position: relative;
          @include unitize(top, 8px);
          font-family: "Font Awesome 5 Pro";
          font-weight: 300;
          content: "\f107";
          border: none;
        }
      }
    }


    ul.btn-display-type {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;

      li {
        a.filter-link {
          font-family: "Font Awesome 5 Pro";
          font-weight: 300;
          @include unitize(font-size, 20px);
          color: $brand-secondary;
          padding: 0;
          margin: 0;

          &.selected {
            color: $brand-primary;
          }
        }

        &:last-child {
          @include unitize(margin-left, 10px);
        }
      }
    }
  }
}
//@ToDo Refactor
ul.btn-display-type {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;

  li {
    a.filter-link {
      font-family: "Font Awesome 5 Pro";
      font-weight: 300;
      @include unitize(font-size, 20px);
      color: $brand-secondary;
      padding: 0;
      margin: 0;

      &.selected {
        color: $brand-primary;
      }
    }

    &:last-child {
      @include unitize(margin-left, 10px);
    }
  }
}

.refineParams {
  &.bottomParams {
    @include unitize(margin-bottom, 10px);

    @include media-breakpoint-up(lg) {
      @include unitize(margin-bottom, 30px);
    }
  }
}