#search-bar-index {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  background: var(--bs-light);
  border-radius: 1rem;
}

#search-bar-index .form-control {
  border-radius: 0.5rem 0 0 0.5rem;
  border: 2px solid transparent;
  transition: border-color 0.3s ease;
}

#search-bar-index .form-control:focus {
  border-color: var(--color-border-focus);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#search-bar-index .btn {
  border-radius: 0 0.5rem 0.5rem 0;
  min-height: 48px;
  background-color: var(--bs-primary);
  border: none;
}

#search-bar-index .btn:hover {
  background-color: var(--bs-primary-dark, #004a99);
  color: #fff;
}