.guide-scroll-shortcut.mascot-shortcuts {
  max-width: calc(100vw - 86px);
}

.guide-scroll-shortcut.mascot-shortcuts a:not([hidden]) {
  position: relative;
  box-sizing: border-box;
  width: 230px;
  max-width: 100%;
  height: 40px;
  min-height: 0;
  padding: 0 7px 0 44px;
  border: 2px solid #e2ba62;
  background: linear-gradient(155deg, #204c76, #102e54 58%);
  box-shadow: inset 0 1px 0 #ffdf9866, 0 4px 0 #825b28, 0 8px 20px #102e544d;
  font-size: 12px;
}

.guide-scroll-shortcut.mascot-shortcuts a[href="/new-launches/"]:not([hidden]) {
  width: 190px;
}

.guide-scroll-shortcut.mascot-shortcuts a:hover {
  border-color: #ffdc87;
  background: #214b78;
}

.guide-scroll-shortcut.mascot-shortcuts a:focus-visible {
  outline-offset: 5px;
}

.guide-scroll-shortcut.mascot-shortcuts .shortcut-mascot {
  position: absolute;
  bottom: 12px;
  left: -4px;
  width: 48px;
  height: auto;
  overflow: visible;
  pointer-events: none;
  filter: drop-shadow(0 3px 2px #020d20ad) drop-shadow(0 0 1px #fff1bf);
}


@media (prefers-reduced-motion: no-preference) {
  .mascot-shortcuts a:not([hidden]) .shortcut-mascot { animation: guide-shortcut-icon .5s ease-out .18s both; }
}