.mobile-back-to-top {
  display: none;
}

.mobile-back-to-top[hidden] {
  display: none;
}

@media (max-width: 700px) {
  .has-mobile-back-to-top .site-footer {
    padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px));
  }

  .mobile-back-to-top:not([hidden]) {
    position: fixed;
    z-index: 35;
    right: max(18px, env(safe-area-inset-right, 0px));
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 158px;
    min-height: 56px;
    padding: 12px 20px;
    border: 2px solid var(--navy);
    border-radius: 999px;
    background: var(--gold-light);
    color: var(--navy);
    box-shadow: 0 4px 18px #090f2033;
    font: 700 16px/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    touch-action: manipulation;
  }

  .mobile-back-to-top:hover,
  .mobile-back-to-top:active {
    background: var(--cream);
  }

  .mobile-back-to-top:focus-visible {
    outline: 3px solid var(--gold-light);
    outline-offset: 4px;
  }

  .mobile-back-to-top > span:first-child {
    font-size: 24px;
    line-height: 1;
  }
}