.vos-legal-access {
  position:fixed;
  right:14px;
  bottom:14px;
  z-index:2147482000;

  display:flex;
  align-items:center;
  gap:4px;

  padding:5px;

  border:
    1px solid
    rgba(126,150,255,.22);

  border-radius:999px;

  background:
    linear-gradient(
      135deg,
      rgba(8,13,31,.68),
      rgba(21,13,42,.58)
    );

  -webkit-backdrop-filter:
    blur(18px)
    saturate(140%);

  backdrop-filter:
    blur(18px)
    saturate(140%);

  box-shadow:
    0 12px 35px
      rgba(0,0,0,.30),
    inset 0 1px
      rgba(255,255,255,.06);

  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}


.vos-legal-access a {
  display:block;

  padding:
    7px 10px;

  border-radius:
    999px;

  color:
    rgba(236,241,255,.78);

  font-size:
    11px;

  font-weight:
    600;

  line-height:
    1;

  text-decoration:
    none;

  letter-spacing:
    .02em;

  transition:
    color .2s ease,
    background .2s ease,
    border-color .2s ease;
}


.vos-legal-access a:hover,
.vos-legal-access a:focus-visible {
  color:#fff;

  background:
    rgba(115,92,255,.14);

  outline:
    1px solid
    rgba(111,217,255,.24);
}


@media(max-width:640px) {

  .vos-legal-access {
    right:8px;
    bottom:8px;

    padding:4px;
  }


  .vos-legal-access a {
    padding:
      6px 8px;

    font-size:
      10px;
  }

}