.circular-text {
  --circle-size: 44px;
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: var(--circle-size);
  height: var(--circle-size);
  color: inherit;
  font: 800 calc(var(--circle-size) * 0.175)/1 'Manrope', sans-serif;
  letter-spacing: 0;
  text-align: center;
  border-radius: 50%;
}
.circular-text__rotor, .circular-text__letter {
  position: absolute;
  display: block;
  inset: 0;
  transform-origin: 50% 50%;
}
.circular-text__letter { white-space: pre; }
.menu-toggle { gap: 12px; padding-block: 4px; }
.menu-toggle-window { width: 50px; }
.menu-toggle-seal {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
.menu-toggle-seal > .circular-text,
.menu-toggle-seal > .menu-toggle-icon { grid-area: 1 / 1; }
.menu-toggle-seal > .menu-toggle-icon { z-index: 1; pointer-events: none; }
.footer-bottom { align-items: flex-end; }
.footer-seal {
  position: relative;
  display: block;
  flex-shrink: 0;
  border-radius: 50%;
}
.footer-seal .circular-text { --circle-size: clamp(112px, 12vw, 164px); }
.footer-seal__arrow {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 32px;
  color: #ff8000;
}
.footer-seal:hover .circular-text { color: #ff8000; }
@media (max-width: 640px) {
  .menu-toggle { gap: 9px; padding-inline: 0; }
  .menu-toggle-window { width: 47px; }
  .menu-toggle .circular-text { --circle-size: 38px; }
}