blog/src/components/Search/SearchInput.module.scss

@import 'variables';

.searchInput {
  composes: input from '../atoms/Input.module.scss';
  background: $input-bg-focus;

  &::-webkit-search-cancel-button {
    display: none;
  }

  &:hover {
    background: $input-bg-focus;
  }
}

.searchInputClose {
  position: absolute;
  right: $spacer / 2;
  top: $spacer / 5;
  font-size: $font-size-h3;
  color: $brand-grey-light;

  &:hover,
  &:focus {
    color: $link-color;
  }
}