@import "../../../../../assets/styles/index.scss";
table {
  width: 100%;
  tr {
    th {
      color: $color-blue !important;
      background-color: $color-dark-gray3;
      @include rem("padding", 15px 10px);
    }
    td {
      color: $color-black;
      @include rem("padding", 10px);
      font-weight: 400;

      a {
        @include rem("padding", 0);
        color: $color-black;
        text-decoration: underline;
      }
      a:hover {
        text-decoration: none;
      }

      &.hot {
        color: $color-orange !important;
      }
      .warm {
        color: $color-yellow2;
      }

      .table__btn {
        background-image: linear-gradient($color-dark-gray1, $color-dark-gray4);
        @include rem("padding", 5px 15px);
        color: $color-white;
        @include rem("margin-right", 10px);
        @include border('all', 0, null , null);
        @include border-radius(3px);
      }
      .comment-btn {
        background-color: $color-blue !important;
        color: $color-white !important;
        @include rem("padding", 5px 15px);
        @include border('all', 0, null , null);
        @include border-radius(3px);
      }
    }
  }
  tr:nth-child(odd) td {
    background-color: $color-light-gray2;
  }

  tr:nth-child(even) td {
    background-color: $color-white;
  }
  tr:hover td {
    background-color: $color-blue-light;
  }
}
