.brand-cube.logo-hover-active i,
.legal-cube.logo-hover-active i,
.admin-cube.logo-hover-active i {
  transition: background-color 160ms ease, transform 180ms ease;
}

.brand-cube.logo-hover-active i.is-pink,
.legal-cube.logo-hover-active i.is-pink,
.admin-cube.logo-hover-active i.is-pink {
  background: #ff3b91;
}

.brand-cube.logo-hover-active i.is-white,
.legal-cube.logo-hover-active i.is-white,
.admin-cube.logo-hover-active i.is-white {
  background: #f7f6f0;
}

@media (prefers-reduced-motion: reduce) {
  .brand-cube.logo-hover-active i,
  .legal-cube.logo-hover-active i,
  .admin-cube.logo-hover-active i {
    transition: none;
  }
}