@import "../../styles/colors.scss";
@import "../../styles/fonts.scss";

.light_show_more_button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
  width: 104px;
  > div {
    flex-direction: column;
    margin-right: 10px;
    > div {
      height: 2px;
      width: 100%;
      background-color: $orangePrimary;
      border-radius: 2px;
    }
    > p {
      color: $blackPrimary;
      font-feature-settings: "clig" off, "liga" off;
      font-family: Poppins;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      margin: 0;
    }
  }
  .active_show_more_icon {
    transform: rotate(180deg);
  }
  .disactive_show_more_icon {
  }
}

.dark_show_more_button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
  width: 104px;
  > div {
    flex-direction: column;
    margin-right: 10px;
    > div {
      height: 2px;
      width: 100%;
      background-color: $yellow;
      border-radius: 2px;
    }
    > p {
      color: $darkGrey;
      font-feature-settings: "clig" off, "liga" off;
      font-family: Poppins;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      margin: 0;
    }
  }
  .active_show_more_icon {
    transform: rotate(180deg);
  }
  .disactive_show_more_icon {
  }
}