.burrow-ground { position: relative; text-decoration: none; color: #ffbecd; }
.burrow-ground { border-bottom: 1px solid rgba(255, 190, 205, 0.72); }
.burrow-ground::before, .burrow-ground::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border: 1px solid #ff174d;
  opacity: 0;
  transition: opacity 236ms cubic-bezier(0.16, 1, 0.3, 1), transform 236ms cubic-bezier(0.16, 1, 0.3, 1);
}
.burrow-ground::before { top: -3px; left: -5px; border-right: 0; border-bottom: 0; transform: translate(-5px, -5px); }
.burrow-ground::after { right: -5px; bottom: -3px; border-top: 0; border-left: 0; transform: translate(5px, 5px); }
.burrow-ground:hover::before, .burrow-ground:focus-visible::before,
.burrow-ground:hover::after, .burrow-ground:focus-visible::after { opacity: 1; transform: translate(0, 0); }
.burrow-key { position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 16px 26px; border: 0; border-radius: 2px; overflow: hidden; font: inherit; line-height: 1.1; color: #ffbecd; background: #101728; cursor: pointer; }
.burrow-key::after {
  content: '';
  position: absolute;
  inset: 9px;
  border: 1px solid #ff174d;
  border-radius: calc(2px - 2px);
  opacity: 0;
  pointer-events: none;
  transition: inset 236ms cubic-bezier(0.16, 1, 0.3, 1), opacity 236ms cubic-bezier(0.16, 1, 0.3, 1);
}
.burrow-key:hover::after, .burrow-key:focus-visible::after { inset: 3px; opacity: 1; }
.burrow-key:active::after { inset: 9px; }
@media (prefers-reduced-motion: reduce) {
  .burrow-ground, .burrow-ground::before, .burrow-ground::after,
  .burrow-key, .burrow-key::before, .burrow-key::after { transition-duration: 1ms; animation: none; }
}
