.item {
  border-top: 1px solid #E8E8E8;
  margin-top: 24px;
  padding-top: 24px;
  display: flex;
  flex-direction: column;

  .block {
    display: flex;
    flex-direction: row;
    column-gap: 24px;

    &.nopublish {
      opacity: 50%;
    }

    .video {
      width: calc(50% - 12px);
      position: relative;
      &:before {
        display: block;
        padding-bottom: 56.25%;
        content: '';
      }
      iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }

    .information {
      width: calc(50% - 12px);
      display: flex;
      flex-direction: column;
      row-gap: 16px;

      .date {
        font-weight: 700;
        font-size: 0.875rem;
        line-height: 18px;
        color: #86898E;
      }

      .description {
        font-weight: 400;
        color: var(--second);
        font-size: 1.5rem;
        line-height: 30px;
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .item {
    .block {
      flex-direction: column;
      row-gap: 12px;
      .video {
        width: 100%;
      }
      .information {
        width: 100%;
      }
    }
  }
}
