svg[role="icon"] {
  transition: all 0.3s linear;
  fill: var(--secondary);
  width: 25px;
  height: 25px;
  padding-top: 5px;
  color: var(--secondary);
}

button[data-render="true"] {
  background: var(--primary);
}

button[data-render="true"] svg {
  fill: var(--primary-highlight);
}

button[data-render="false"] svg {
  fill: var(--secondary);
}

button[data-enabled="false"] svg {
  fill: var(--primary);
}