.my_bulletins {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;

  &_item {
    width: calc(50% - 15px);
    display: flex;
    gap: 15px;
    padding: 15px;
    background: #fff;
    border-radius: var(--box_radius);
    transition: var(--animation);

    &:hover {
      box-shadow: var(--box_shadow);
    }

    &_pict {
      width: 200px;
      height: 200px;
      object-fit: cover;
      border-radius: var(--box_radius);
    }

    &_content {
      position: relative;
      padding-bottom: 60px;
      &_name {
        text-decoration: none;
        display: block;
        margin-bottom: 10px;

        &:hover {
          color: var(--main_color);
        }

        strong {
        }
      }

      ul {
        list-style: none;
        margin: 0;
        padding: 0;

        li {
          display: flex;
          gap: 5px;

          span {
            color: #666666;
          }

          &.is_end_of_days {
            flex-direction: column;

            button {
              background: orangered;
              padding: 0px 10px;
              font-size: 12px;
              color: #ffffff;
              margin: 4px 0px;
              border-radius: 4px;
              transition: var(--animation);
              cursor: pointer;
              &:hover {
                background: orange;
              }
            }
          }

          .in_checking {
            background: orangered;
            padding: 0px 5px;
            font-size: 12px;
            color: #ffffff;
            margin: 4px 0px;
            border-radius: 4px;
          }
        }
      }

      .btn {
        position: absolute;
        bottom: 0px;
      }
    }
  }
}