.page-hub #employee-support-link[data-employee-access="locked"] {
  border-style: dashed;
  background: color-mix(in srgb, var(--tool-soft) 34%, #fff);
}

.page-hub #employee-support-link[data-employee-access="locked"] > i {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--tool-soft) 76%, #fff);
  font-size: 13px;
}

.page-hub #employee-support-link[data-employee-access="granted"] {
  border-color: color-mix(in srgb, var(--tool-color) 45%, #d9e3ee);
}

html[data-dark="true"] .page-hub #employee-support-link[data-employee-access="locked"] {
  background: color-mix(in srgb, var(--tool-color) 12%, #101d38);
}