.planning-balance-link {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 3rem;
  width: 3rem;
  height: 3rem;
  color: #94bdf2;
  border: 1px solid #77a6df55;
  border-radius: 13px;
  background: linear-gradient(140deg, #38659733, #102030cc);
  box-shadow: inset 0 1px #d0e5ff13;
  transition: transform 220ms cubic-bezier(.2, .8, .25, 1.35), color 180ms, border-color 180ms;
}
.planning-balance-link svg { width: 1.45rem; height: 1.45rem; }
.planning-art-inspo-link { color: #c8b8e8; border-color: #b196d155; background: linear-gradient(140deg, #77609733, #211a30cc); }
.planning-balance-link:is(:hover, :focus-visible) { color: #c3dafa; border-color: #a8cbf59a; transform: scale(1.07); }
.planning-art-inspo-link:is(:hover, :focus-visible) { color: #e7dcfb; border-color: #c8b3ec9a; }
.planning-balance-link:focus-visible { outline: 2px solid #a8cbf5; outline-offset: 3px; }
@media (max-width: 700px) {
  .planning-balance-link { flex-basis: 2.5rem; width: 2.5rem; height: 2.5rem; border-radius: 10px; }
}
@media (prefers-reduced-motion: reduce) { .planning-balance-link { transition: none; } }