.button {
  text-transform: capitalize;
  color: var(--button-desktop-text-color, revert);
  text-decoration: var(--button-text-decoration, revert);
}

.button:hover {
  color: var(--button-desktop-text-color-hover, revert);
  cursor: pointer;
}

.filtersButton {
  text-transform: capitalize;
}

.searchContainer {
  display: inline;
}

.searchContainer input {
  width: 75px;
  margin: 0px 5px;
  padding: 1px;
  outline: none;
  border: var(--post-form-field-input-border, revert);
  font-size: 11px;
}

.searchContainer input:focus {
  border: var(--post-form-field-input-focus-border, revert);
}

.closeSearch {
  appearance: none;
  background: transparent;
  cursor: pointer;
  border: none;
  font: inherit;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  color: var(--button-desktop-text-color, revert);
}

.closeSearch:hover {
  color: var(--button-desktop-text-color-hover, revert);
}

.closeSearch:focus-visible {
  outline: 1px dotted currentcolor;
  outline-offset: 1px;
}

@media (max-width: 640px) {
  .searchContainer input {
    width: 75px;
    font-size: 16px;
  }
}
