.search-component {
  .search-form button[type="submit"] {
    @include btn-color($search-button-bg-color);
  }
}

.search-result-list {
  z-index: 10;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  background-color: $search-result-bg-color;
  border: $search-result-border-width solid $search-result-border-color;

  > li {
    text-align: center;
    cursor: pointer;

    &:not(:last-child) {
      border-bottom: $search-result-border-width solid $search-result-border-color;
    }

    &:focus {
      background-color: $search-result-item-focus-color;
    }
  }
}