.search-box {
  max-width: 350px;
  text-align: center;
  margin: 0 0 25px 0;

  .input-decoration {
    &:focus-within {
      &:after {
        background-image: url("decorations/newsletter-line-primary.svg")
      }
    }
    &:hover {
      svg {
        path {
          fill: var(--color-primary);
        }
      }

      &::after {
        background-image: url("decorations/newsletter-line-primary.svg")
      }
    }
  }

  h1 {
    color: var(--color-primary);
    margin: 0 0 15px 0;
    font-size: var(--font-size-larger);
  }
}

.search-results {
  margin: 35px 0 0 0;
  font-size: var(--font-size-small);
}

.search-show {
  padding: 0 0 95px 0;
  margin: 0;
  list-style-type: none;
}