.c-icon_button {
  border-radius: 25px;

  &.c-texty_input__button {
    color: $fg;
  }

  &.c-texty_input__button--send {
    background: $hl;
    color: $fg;

    &:hover {
      color: $selectFg;
      background: $primary;
    }
  }
}

.p-help_flexpane__whats_new_icon .c-icon_button__badge {
  background-color: $accent;
}

.c-icon_button__badge {
  background: $contrast;
}

.c-icon_button--light .c-icon_button__badge {
  background-color: $accent;
}

.c-icon_button--dark .c-icon_button__badge {
  background-color: $accent;
}

.c-icon_button--default,
.c-icon_button--light {
  color: $selectFg;

  &.c-button-unstyled,
  &:link {
    color: $text;
  }

  &.c-button-unstyled:hover,
  &:hover,
  &:link:hover {
    background: $accent;
    color: $selectFg;
  }

  &.c-button-unstyled:active,
  &:active,
  &:link:active {
    background: $active;
  }
}

.c-icon_button--dark {
  color: $selectFg;

  &.c-button-unstyled,
  &:link {
    color: $text;
  }

  &.c-button-unstyled:hover,
  &:hover,
  &:link:hover {
    color: $accent;
    background: $hl;
  }

  &.c-button-unstyled:active,
  &:active,
  &:link:active {
    background: $active;
  }
}

.c-texty_input__expand_button {
  color: $fg;
}

.c-icon_button--default,
.c-icon_button--default.c-button-unstyled,
.c-icon_button--default:link {
  color: $fg;
}

.c-icon_button--default .c-icon_button__badge,
.c-icon_button--light .c-icon_button__badge {
  background-color: $accent;
}

.c-icon_button--default {
  &.c-sk-modal__close_button--light {
    background: $button;
    color: $fg;
    opacity: 0.66;

    &:hover {
      background: $accent;
      color: $selectFg;
      opacity: 1;
    }
  }

  &.c-sk-modal__close_button--dark {
    background: $button;
    color: $fg;
    opacity: 0.66;

    &:hover {
      background: $accent;
      color: $selectFg;
      opacity: 1;
    }
  }
}
