.system-flare {
  .create, .destroy {
    display: inline-block;
    font-weight: 900;
    border: none;
    font-size: inherit;
    font-family: inherit;
    line-height: 1;
    cursor: pointer;
    padding: 0.5rem;
  }

  .create {
    background: none;
    color: inherit;
  }

  .destroy {
    color: var(--base3);
  }

  &.red {
    color: var(--color3);

    .destroy {
      background: var(--color3);
    }
  }

  &.blue {
    color: var(--color6);

    .destroy {
      background: var(--color6);
    }
  }
}