.SkipLinks {
  @apply absolute left-0 top-0 z-[10000] m-4 flex w-[343px] flex-col items-start rounded-lg bg-white shadow-lg transition-[transform,opacity] duration-150 ease-in-out;
}

.SkipLinks:not(:focus-within) {
  @apply -translate-y-[200%] opacity-0;
}

.SkipLinks-heading {
  @apply btu-heading-5 px-4 py-2 text-gray-900;
}

.SkipLinks-note {
  @apply border-t border-t-gray-200 px-4 pb-2 pt-4 text-sm text-gray-500;
}

.SkipLinks-list {
  @apply flex w-full list-none flex-col gap-2 px-4 pb-4;
}

.SkipLinks-link {
  @apply btu-button btu-button-fill-none btu-button-primary w-full justify-start bg-white;
}
