i.icon.safing-primary {
  color: $primary;
}

.ui.safing-primary {
  background-color: $primary;

  &.button {
    color: $white;

    &:hover {
      background-color: darken($primary, 5%);
    }
  }
}

.ui.button.safing-secondary {
  color: $secondary;

  &:hover {
    color: $secondary;
  }
}


.ui.button.safing-full {
  color: $secondary;
  background-color: $white;

  &:hover {
    background-color: $secondary;
    color: $white;
  }
}

.ui.windows.button {
  background-color: #0072C6;
  color: #fff;

  &:hover {
    background-color: darken(#0072C6, 5%);
  }
}

.ui.ubuntu.button {
  background-color: #E95420;
  color: #fff;

  &:hover {
    background-color: darken(#E95420, 5%);
  }
}

.ui.apple.disabled.button {
  opacity: 1 !important;
}