/* btn --------------------------------------------------------*/

/* @group @z--btn-theme-primary */

.a-btn-theme-primary {
background: var(--brand-primary-color);
color: var(--neutral-colors-100);
}

.a-btn-theme-primary:hover,
.a-btn-theme-primary:focus {
background: var(--brand-primary-color-action);
color: var(--neutral-colors-100);
}

.a-btn-theme-primary:active {
background: var(--brand-primary-color-active);
color: var(--neutral-colors-100);
}

.a-btn-theme-primary:disabled {
background: var(--brand-primary-color-disabled);
color: var(--neutral-colors-100-disabled);
cursor: not-allowed;
}

.a-btn-theme-primary svg {
fill: currentColor;
}

/* @end @z--btn-theme-primary */

/* @group @a-btn-theme-proto */

.a-btn-theme-proto {
border: 1px solid currentColor;
color: var(--brand-primary-color);
}

.a-btn-theme-proto:hover,
.a-btn-theme-proto:focus {
color: var(--brand-primary-color-action);
}

.a-btn-theme-proto:active {
color: var(--brand-primary-color-active);
}

.a-btn-theme-proto:disabled {
color: var(--brand-primary-color-disabled);
cursor: not-allowed;
}

.a-btn-theme-proto svg {
fill: currentColor;
}

/* @end @a-btn-theme-proto */

/* btn --------------------------------------------------------*/

/* @group @a-btn-theme-secondary */

.a-btn-theme-secondary {
background: var(--brand-secondary-color);
color: var(--neutral-colors-100);
}

.a-btn-theme-secondary:hover,
.a-btn-theme-secondary:focus {
background: var(--brand-secondary-color-action);
color: var(--neutral-colors-100);
}

.a-btn-theme-secondary:active {
background: var(--brand-secondary-color-active);
color: var(--neutral-colors-100);
}

.a-btn-theme-secondary:disabled {
background: var(--brand-secondary-color-disabled);
color: var(--neutral-colors-100-disabled);
cursor: not-allowed;
}

.a-btn-theme-secondary svg {
fill: currentColor;
}

/* @end @a-btn-theme-secondary */

/* @group @a-btn-theme-deutero */

.a-btn-theme-deutero {
border: 1px solid currentColor;
color: var(--brand-secondary-color);
}

.a-btn-theme-deutero:hover,
.a-btn-theme-deutero:focus {
color: var(--brand-secondary-color-action);
}

.a-btn-theme-deutero:active {
color: var(--brand-secondary-color-active);
}

.a-btn-theme-deutero:disabled {
color: var(--brand-secondary-color-disabled);
cursor: not-allowed;
}

.a-btn-theme-deutero svg {
fill: currentColor;
}

/* @end @a-btn-theme-deutero */

/* btn --------------------------------------------------------*/

/* @group @a-btn-theme-senary */

.a-btn-theme-senary {
background: var(--neutral-colors-100);
color: var(--neutral-colors-20);
}

.a-btn-theme-senary:hover,
.a-btn-theme-senary:focus {
color: var(--neutral-colors-27);
}

.a-btn-theme-senary:active {
color: var(--neutral-colors-10);
}

.a-btn-theme-senary:disabled {
background: var(--brand-primary-color-disabled);
color: var(--neutral-colors-100-disabled);
cursor: not-allowed;
}

.a-btn-theme-senary svg {
fill: currentColor;
}

/* @end @a-btn-theme-senary */

/* btn --------------------------------------------------------*/

/* @group @a-btn-theme-trito*/

.a-btn-theme-trito {
border: 1px solid currentColor;
color: var(--neutral-colors-07);
}

.a-btn-theme-trito:hover,
.a-btn-theme-trito:focus {
background: var(--neutral-colors-27);
color: var(--neutral-colors-100);
}

.a-btn-theme-trito:active {
background: var(--neutral-colors-07);
color: var(--neutral-colors-100);
}

.a-btn-theme-trito:disabled {
color: var(--neutral-colors-07-disabled);
cursor: not-allowed;
}

.a-btn-theme-trito svg {
fill: currentColor;
}

/* @end @a-btn-theme-trito */

/* btn --------------------------------------------------------*/

/* @group @a-btn-theme-trito*/

.a-btn-theme-endecato {
border: 1px solid var(--neutral-colors-90);
color: var(--neutral-colors-07);
}

.a-btn-theme-endecato:hover,
.a-btn-theme-endecato:focus {
border-color: var(--neutral-colors-85);
color: var(--neutral-colors-10);
}

.a-btn-theme-endecato:active {
border-color: var(--neutral-colors-80);
color: var(--neutral-colors-20);
}

.a-btn-theme-endecato:disabled {
border-color: var(--neutral-colors-90-disabled);
color: var(--neutral-colors-07-disabled);
cursor: not-allowed;
}

/* @end @a-btn-theme-endecato */



/* btn --------------------------------------------------------*/

/* @group @a-btn-theme-canceled */

.a-btn-theme-canceled {
background: var(--error-primary);
color: var(--neutral-colors-100);
}

.a-btn-theme-canceled:hover,
.a-btn-theme-canceled:focus {
background: var(--error-primary-hover);
color: var(--neutral-colors-100);
}

.a-btn-theme-canceled:disabled {
background: var(--error-primary-disabled);
color: var(--neutral-colors-100-disabled);
cursor: not-allowed;
}

/* @end @a-btn-theme-canceled */