.search-form {
  margin-bottom: 32px;
  height: 52px;
  width: 645px;
  position: relative;
  display: flex;
  align-items: center;

  button {
    height: 100%;
    width: 100px;
    border-radius: 0px 6px 6px 0px;
    background: rgb(72, 159, 225);
    color: white;
  }

  &__input {
    height: 100%;
    display: flex;
    flex: 1;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid rgb(197, 198, 197);
    border-radius: 6px 0px 0px 6px;

    img {
      width: 50px;
      height: auto;
    }

    input {
      padding: 10px 0;
      padding-left: 5px;
      width: 100%;
      height: 100%;
      border: none;
      font-size: 18px;
    }
  }
}

@media screen and (max-width: 768px) {
  .search-form {
    width: 90%;
  }
}
