.history-list {
  .history-list__item {
    position: relative;
    display: block;
    min-height: 257px;
    padding: 34px 38px 0 45px;
    margin-bottom: 25px;
    background: #f9f9f9;
    transition: $fast-transition;

    @media (max-width: 768px) {
      padding: 25px;
    }

    &:hover {
      background: $blue;

      &::before {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        height: 60px;
        width: 60px;
        background: #ffffff;
      }

      &::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        height: 60px;
        width: 60px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("../img/arrow-blue.svg");
        transition: $fast-transition;
      }

      &:hover::after {
        right: -5px;
      }

      .history-list__item-date {
        color: #ffffff;
      }

      .history-list__item-description {
        color: #ffffff;
      }
    }

    .history-list__item-date {
      margin-bottom: 30px;
      font-weight: 350;
      font-size: 45px;
      line-height: 58px;
      color: $blue;
    }

    .history-list__item-description {
      font-weight: 350;
      color: #292929;
    }
  }
}
