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

.main-container {
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: center;
  align-items: center;

  label {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  input {
    width: 590px;
    height: 50px;
    border: none;
    background: rgb(226, 226, 226);
    padding: 0.5rem 1rem;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-radius: var(--base-rounded-medium) 0px 0px var(--base-rounded-medium);
  }

  input:focus {
    outline: none;
  }
  button {
    height: 50px;
    width: 65px;
    border: none;
    padding: 0.5rem;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    /* border: solid 1px rgb(212, 212, 212); */
    /* top-left | top-right | bottom-right | bottom-left */
    border-radius: 0px var(--base-rounded-medium) var(--base-rounded-medium) 0px;
    background: var(--base-color-primary);
  }
}