packages/styles/scss/components/_app-link.scss

   1 .aside-link {
   2         border-radius: 50%;
   3         inline-size: rem(32);
   4         block-size: rem(32);
   5         padding: rem(7);
   6         background: var(--interaction-weak);
   7         color: var(--text-norm);
   8
   9         &:hover,
  10         &:focus {
  11                 background: var(--interaction-weak-hover);
  12                 color: var(--primary);
  13         }
  14
  15         &:active,
  16         &[aria-current='true'] {
  17                 background: var(--interaction-weak-active);
  18                 color: var(--primary);
  19         }
  20
  21         &-icon {
  22                 inline-size: rem(17);
  23                 block-size: rem(17);
  24                 fill: currentcolor;
  25         }
  26 }