/* Project navigation back control and solid back-to-top button */
.project-nav__back {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  padding: 0 0 2px;
  border: 1px solid rgba(250, 245, 237, 0.9);
  border-radius: 50%;
  background: transparent;
  color: var(--cream, #faf5ed);
  font-family: "Inter", Arial, sans-serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: background 160ms ease, color 160ms ease, opacity 160ms ease;
}

.project-nav__back:hover,
.project-nav__back:focus-visible {
  background: var(--cream, #faf5ed);
  color: var(--brown, #3d332c);
  opacity: 1;
}

.back-to-top,
.back-to-top:hover,
.back-to-top:focus-visible {
  border: 0 !important;
  background: var(--brown, #3d332c) !important;
  color: var(--cream, #faf5ed) !important;
}

.back-to-top.is-visible {
  opacity: 1 !important;
}

@media (max-width: 608px) {
  .project-nav__back {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    font-size: 21px;
  }
}