.search {
  position: relative;
  height: calc(100% - 60px);
  width: 100%;
  left: 0;
  z-index: 15;
  transition: all 0.35s ease-in-out 0.3s;

  &__wrap {
    background: #ced3d6;

    @media (max-width: 600px) {
      padding: 20px 40px;
    }

    @media (max-width: 500px) {
      padding: 20px;
    }
  }

  &__input {
    position: relative;
    display: flex;
    align-items: center;
    transition: all 0.25s ease-in-out 0.1s;

    .input {
      padding: 15px;
      padding-left: 50px;
    }

    .icon-search {
      position: absolute;
      left: 20px;
    }

    button {
      position: absolute;
      right: 4px;
    }
  }
}

.news {
  @media (max-width: 1024px) {
    padding-top: 40px;
  }
  @media (max-width: 600px) {
    padding-top: 40px;
  }
}