.c-button--bot-property

scss
.c-button {
  @include modifier('bot-property') {
    background-color: use-color('secondary');
    background-image: none;
    box-shadow: none;
    color: use-color('base', 'true-white');
  }
}

Version del boton primario para las propiedades del bot.

Example

html
<button class="c-button c-button--bot-property">
  Guardar
</button>

.c-button--bot-add-option

scss
.c-button {
  @include modifier('bot-add-option') {
    @include use-font('caption', 'semibold');
    background-color: transparent;
    background-image: none;
    border: dashed 2px use-color('grey', 'light-i');
    box-shadow: none;
    color: use-color('grey', 'light');
    padding: 8px;
    position: relative;
    text-align: center;
    text-transform: lowercase;

    &::first-letter {
      text-transform: uppercase;
    }
  }
}

Versión del boton para agregar una nueva opción

Example

html
<button class="c-button c-button--bot-add-option">
  agregar nueva opción
</button>