@import "@/styles/variables";
@import "@/styles/mixins";

.container {
  padding: 4.25rem 0 0;
  background: $grey-light;
  ul {
    li {
      margin-bottom: 3rem;
      cursor: pointer;
      border-radius: $radius;
      transition: all 0.4s linear;
      border: 1px solid rgba($grey, 0);
      &:hover {
        background: $white;
        box-shadow: $shadow-long;
        border: 1px solid $lineColor;
      }
    }
  }
  .h4 {
    @include h4();
  }
  .p1 {
    margin-top: $hl-9;
    line-height: 1.75;
    color: $font-color-6;
    height: 5.25rem;
    @include p1;
    @include multi-line-ellipsis(3);
  }

  .moreButton {
    button {
      span {
        color: $B1;
        margin-left: 0 !important;
        i {
          transform: rotate(90deg);
          font-size: 1.5rem;
        }
      }
    }
  }
}