.unit-btn[data-unit="moscow"].active{
  color:#fff;
  background:linear-gradient(180deg,color-mix(in srgb,#FF1753 24%,#101318),color-mix(in srgb,#E7072E 18%,#101318));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,#FF1753 58%,transparent);
}

.unit-btn[data-unit="spb"].active{
  color:#fff;
  background:linear-gradient(180deg,color-mix(in srgb,#2153F8 24%,#101318),color-mix(in srgb,#0F52BA 20%,#101318));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,#2153F8 58%,transparent);
}

.unit-btn[data-unit="regions"].active{
  color:#fff;
  background:linear-gradient(180deg,color-mix(in srgb,#008A4C 28%,#101318),color-mix(in srgb,#008A4C 18%,#101318));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,#008A4C 52%,transparent);
}