.brandAccess { display: flex; align-items: center; gap: 7px; }
.adminShortcut {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
}
.adminShortcut::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #505058;
  transition: background .2s, box-shadow .2s, transform .2s;
}
.adminShortcut:hover::before,
.adminShortcut:focus-visible::before {
  background: #8175ff;
  box-shadow: 0 0 12px #7668ff;
  transform: scale(1.25);
}
@media (max-width: 760px) {
  .comingHero .cornerMeta { top: 20px; right: 20px; bottom: auto; }
}