.search {
  padding: 0.5rem 1rem;
  margin: 0 !important;
}

.main-container {
  padding: 0.5rem 1rem;
  input {
    width: --webkit-fill-available;
    border: none;
    background: var(--base-color-gray-light);
    padding: 0.5rem 1rem;
    border-top: 1px solid var(--base-color-dark);
    border-bottom: 1px solid var(--base-color-dark);
    border-left: 1px solid var(--base-color-dark);
    border-radius: var(--base-rounded-medium) 0px 0px var(--base-rounded-medium);
  }

  input:focus {
    outline: none;
  }
  button {
    width: 3rem;
    border: none;
    padding: 0.5rem;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-radius: 0px var(--base-rounded-medium) var(--base-rounded-medium) 0px;
  }
}