/*** COLOR VARS ***/
:root {
  /********* PRIMITIVES *********/
  --em-color-blue-010: #006fa6;
  --em-color-blue-020: #007dba;
  --em-color-blue-060: #012169;
  --em-color-black: #101820;
  --em-color-white: #ffffff;
  /********* SEMANTICS *********/
  --em-color-fg-base: var(--em-color-black);
  --em-color-bg-base: var(--em-color-white);
  --em-color-fg-primary: var(--em-color-blue-060);
  --em-color-bg-primary: var(--em-color-blue-060);
  --em-color-bg-secondary: var(--em-color-blue-020);
  --em-color-fg-white-static: var(--em-color-white);
  --em-color-link-default: var(--em-color-blue-010);
  --em-color-link-hover: var(--em-color-blue-060);
  --em-color-link-decoration-01: var(--em-color-blue-010);
  --em-color-link-decoration-02: var(--em-color-blue-020);

  /********* INVERTED *********/
  .drk-background {
    --em-color-fg-base: var(--em-color-white);
  }
}

.filelink {
  padding-inline-start: calc(var(--cta-icon-size) + 0.5rem);
}

.filelink::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-variant: normal;
  font-style: normal;
  text-rendering: auto;
  font-size: calc(var(--cta-icon-size) + 0.25rem);
  width: var(--cta-icon-size);
  height: var(--cta-icon-size);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  color: var(--em-color-fg-secondary);
  transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.35);
}

.filelink--pdf::before {
  content: "\f1c1";
}

.filelink--doc::before {
  content: "\f1c2";
}