ASIDE[aria-label="Cookie Notice"] {
    --cookieMargin: 1.2rem;
    bottom: 0;
    left: 0;
    width: 100vw;
    position: fixed;
    text-align: center;/* Inner wrapper DIV will be an inline-block. */
    z-index: 100;/* Currently: Our Social Media icons are set to 'z-index: 89' (for some reason) */
    pointer-events: none;/* The full-width transparent background should be click-through-able. */


    &>DIV {
      text-align: center;
      background-color: white;
      border-radius: .25rem;
      box-shadow: 0 0 18px rgba(0, 0, 0, .2);
      padding: var(--cookieMargin);
      margin: var(--cookieMargin);
      max-width: calc(100vw - 2.4rem - 66px);/* Minus side margins and `Back-to-Top` btn's width */
      display: inline-block;/* Leveraging "Shrink-to-fit" and "text-align: center" behaviors. Partly less-dynamic Alternative: {width:max-content; left:50%; translate:-50%;}*/
      pointer-events: all;/* The message box should be click-able. */


      & A:any-link {
        text-decoration: revert;
        text-underline-offset: 4px;
        transition: text-underline-offset .1s;

        &:hover {text-underline-offset: 2px}

        &:focus {text-decoration: none}
      }

      &>BUTTON:last-child {
        font-weight: bold;
        background: var(--ung-blue, #002f87);
        color: #fff;
        text-shadow: 0 0 2px #000, 0 0 1px #000;
        padding: .3rem .9rem;
        border: 1px solid #0007;

        &:hover, &:focus {background: #4c6dab}

        &:active {background: radial-gradient(var(--ung-blue, #002f87), #4C6DAB)}
      }
    }
  }

  @media (max-width: 768px) {
    ASIDE[aria-label="Cookie Notice"] {
      /* AI crowds it in mobile. */
      text-align: left;
      z-index: 2147483646;/* Our current AI-vendor is *REALLY* weird. */
    }
  }