.ending-guide-link,
.gallery-contact-link,
.seo-guide-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--line-dark);
  border-radius: 8px;
  background: linear-gradient(#ffd37c, #f0ad45);
  color: #17110c;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .74);
  box-shadow: inset 0 0 0 2px rgba(255, 239, 187, .95), 4px 5px rgba(80, 45, 22, .34);
  padding: 10px 18px;
  font-family: var(--font-pixel);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
}

.ending-guide-link:active,
.gallery-contact-link:active,
.seo-guide-link:active {
  transform: translate(2px, 3px);
}

.seo-guide-link {
  position: fixed;
  top: max(10px, env(safe-area-inset-top));
  right: max(10px, env(safe-area-inset-right));
  z-index: 40;
  padding: 8px 12px;
  font-size: 13px;
}

@media (max-width: 480px) {
  .seo-guide-link {
    border-width: 2px;
    padding: 7px 10px;
    font-size: 12px;
  }
}