.search-container {
  width: 100%;
  height: auto;
  max-width: 70vw;
  padding: 2rem;
  border: 2px solid var(--black);
}
.search-container__icon {
  border: 2px solid var(--black);
  cursor: pointer;
  fill: none;
  stroke: var(--black);
  stroke-linejoin: round;
  stroke-width: 2;
  transform: rotate(0deg);
  transition: 0.2s;
}
.search-container__icon:hover {
  transform: rotate(180deg);
  stroke: var(--primary);
  border: 2px solid var(--primary);
  transition: 0.2s;
}
.search-container .searchform {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.search-container input {
  border: none;
}
.search-container input[type=text] {
  font-size: 25px;
  text-align: center;
  width: 100%;
}
.search-container input[type=submit] {
  display: none;
  width: 0;
}
.searchterms {
  width: 100%;
  height: auto;
  max-width: 70vw;
}
.searchterms__link {
  font-size: var(--h5);
  margin: 0 1rem;
  color: var(--black);
  text-decoration: none;
  text-transform: uppercase;
  -moz-osx-font-smoothing: antialiased;
  white-space: nowrap;
}
.searchterms__link a {
  color: var(--black);
}
.searchterms__link:hover {
  color: var(--primary);
  text-decoration: underline;
}