.single-news{
  display: flex;
  background:#FFF;
  width: 100%;
  height: 300px;

  @media(max-width: 1440px){
    height: 400px;
  }

  @media(max-width: 700px){
    flex-direction: column;
    height: 100%;
  }

  img{
    width: 50%;
    object-fit: cover;

    @media(max-width: 700px){
      width: 100%;
    }

    @media(max-width: 500px){
      height: 200px;
    }
  }

  &__content{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 30px;
    color: #000;

    @media(max-width: 700px){
      width: 100%;
      padding: 40px 30px;

      button{
        margin-top: 20px;
      }

      a{
        margin-top: 40px;
      }
    }

    p{
      white-space: normal;
    }
  }
}