html {
  scroll-behavior: smooth;
}

header,
footer {
  & a:where(:not(.wp-element-button)) {
    text-decoration: none;
  }
}

.home main {
  margin-block-start: 0;
  margin-block-end: 0;
}

.is-style-outline.is-style-outline.wp-block-button .wp-block-button__link {
  &:hover {
    border-color: var(--wp--preset--color--tertiary);
    color: var(--wp--preset--color--tertiary);
  }
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
  &:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
  }
}