/* Skip Links Flex Component */
.gd-skip-link {
  display: block;
  background-color: var(--gd-skip-link--background-color, var(--blue-400--shaded));
  color: var(--gd-skip-link--text-color, var(--white));
  pointer-events: none;
  z-index: 1000;
  height: 0;
  padding: 0;
  border: none;
  margin: 0 auto;
  transition: height 0.3s, padding 0.3s, margin 0.3s;

  border-radius: var(--default-border-radius);
  font-size: 0.925rem;
  overflow: hidden;
}

.gd-skip-link:is(:active, :focus) {
  margin: 1rem auto;
  height: auto;
  padding: 0.4rem 0.8rem;
}