.search-result-item a {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--30);
  position: relative;
  &:after {
    content: "";
    display: block;
    width: 100%;
    height: calc(var(--wp--preset--spacing--40) + 2px);
    position: absolute;
    background: linear-gradient(180deg, white calc(100% - 2px), var(--wp--preset--color--cyan) calc(100% - 2px));
    bottom: calc((var(--wp--preset--spacing--40) + 3px) * -1);
    left: 0;
    opacity: 0;
    transition: 0.3s ease-out;
  }
  & * {
    margin: 0;
    color: var(--wp--preset--color--dark);
    transition: 0.3s ease-out color;
  }
  & h3 {
    color: var(--wp--preset--color--blue);
  }
}

.search-result-item a:hover, .search-result-item a:focus {
  * {
    color: var(--wp--preset--color--cyan);
    transition: 0s;
  }
  &:after {
    opacity: 1;
    transition: 0s;
  }
}

.search-result-item + .search-result-item {
  margin-top: var(--wp--preset--spacing--40);
  padding-top: var(--wp--preset--spacing--40);
  border-top: 1px solid var(--wp--preset--color--light);
}

.search-loadmore {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.search-loadmore .button {
  background: var(--wp--preset--color--blue);
  color: var(--wp--preset--color--white);
  border: none;
  padding: 0.75rem 1.5rem;
  cursor: pointer;
  border-radius: 4px;
}