* {
    box-sizing: border-box;
  }
  
  /* Style the search field */
  form.example input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 35%;
    background: #f1f1f1;
  }
  
  /* Style the submit button */
  form.example button {
    float: left;
    width: 20%;
    /*padding: 10px;*/
    padding: 11.5px;
    /*background: #2196F3;*/
    background:#ffffff;
    /*color: white;*/
    color:#4B4B4B;
    /*font-size: 17px;*/
    font-size:15px;
    border: 1px solid grey;
    border-left: none; /* Prevent double borders */
    cursor: pointer;
  }
  
  form.example button:hover {
    /*background: #0b7dda;*/
    color:#2196F3;
  }
  
  /* Clear floats */
  form.example::after {
    content: "";
    clear: both;
    display: table;
  }