/* basic color link --------------------------------------------------------*/

/* @group @a-link-secondary */

.a-link-secondary,
.a-link-deutero {
color: var(--color-link);
transition: var(--link-transition);
}

.a-link-secondary:hover,
.a-link-secondary:focus,
button:hover .a-link-secondary,
button:focus .a-link-secondary,
.a-link-deutero:hover,
.a-link-deutero:focus,
button:hover .a-link-deutero,
button:focus .a-link-deutero {
color: var(--color-link-action);
}

.a-link-secondary:active,
button:active .a-link-secondary {
color: var(--color-link-active);
}

.a-link-secondary:disabled,
button:disabled .a-link-secondary,
.a-link-deutero:disabled,
button:disabled .a-link-deutero {
color: var(--color-link-disabled);
}

/* @end @a-link-secondary */

/* @group @a-link-secondary */

.a-link-secondary {
border-bottom: var(--link-border-size) solid var(--color-link-border);
}

.a-link-secondary:hover,
.a-link-secondary:focus,
button:hover .a-link-secondary,
button:focus .a-link-secondary {
border-bottom-color: transparent;
}

.a-link-secondary:active,
button:active .a-link-secondary,
.a-link-secondary:disabled,
button:disabled .a-link-secondary {
border-bottom-color: transparent;
}

/* @end @a-link-secondary */

/* @group @a-link-deutero */

.a-link-deutero {
border-bottom: var(--link-border-size) solid transparent;
}

.a-link-deutero:hover,
.a-link-deutero:focus,
button:hover .a-link-deutero,
button:focus .a-link-deutero {
border-bottom-color: var(--color-link-action-border);
}

.a-link-deutero:active,
button:active .a-link-deutero {
border-bottom-color: var(--color-link-active-border);
}

/* @end @a-link-deutero */

/* brand color link --------------------------------------------------------*/

/* @group @a-link-primary */

.a-link-primary,
.a-link-proto {
color: var(--color-brand);
transition: var(--link-transition);
}

.a-link-primero {
color: var(--color-text);
transition: var(--link-transition);
}

.a-link-primary:hover,
.a-link-primary:focus,
button:hover .a-link-primary,
button:focus .a-link-primary {
color: var(--color-brand-action);
}

.a-link-primary:active,
button:active .a-link-primary {
color: var(--color-brand-active);
}

/* @end @a-link-primary */

/* @group @a-link-primary */

.a-link-primary {
border-bottom: var(--link-border-size) solid var(--color-brand-link-border);
}

.a-link-primary:hover,
.a-link-primary:focus,
button:hover .a-link-primary,
button:focus .a-link-primary,
.a-link-primary:active,
button:active .a-link-primary {
border-bottom-color: transparent;
}

/* @end @a-link-primary */

/* white color link --------------------------------------------------------*/

/* @group @a-link-duodenary */

.a-link-duodenary,
.a-link-dodecato {
color: var(--color-white);
transition: var(--link-transition);
}

.a-link-duodenary:hover,
.a-link-duodenary:focus,
button:hover .a-link-duodenary,
button:focus .a-link-duodenary {
color: var(--color-whitesmoke-active);
}

.a-link-duodenary:active,
button:active .a-link-duodenary {
color: var(--color-whitesmoke-action);
}

/* @end @a-link-duodenary */

/* @group @a-link-duodenary */

.a-link-duodenary {
border-bottom: var(--link-border-size) solid transparent;
}

.a-link-duodenary:hover,
.a-link-duodenary:focus,
.a-link-duodenary:active,
button:hover .a-link-duodenary,
button:focus .a-link-duodenary,
button:active .a-link-duodenary {
border-bottom-color: var(--color-whitesmoke-action);
}

.a-link-duodenary:active,
button:active .a-link-duodenary {
border-bottom-color: var(--color-whitesmoke-active);
}

/* @end @a-link-duodenary */

/* @group @a-link-dodecato */

.a-link-dodecato {
border-bottom: var(--link-border-size) solid var(--color-whitesmoke-action);
}

.a-link-dodecato:hover,
.a-link-dodecato:focus,
.a-link-dodecato:active,
button:hover .a-link-dodecato,
button:focus .a-link-dodecato,
button:active .a-link-dodecato {
border-bottom-color: transparent;
}

.a-link-dodecato:active,
button:active .a-link-dodecato {
border-bottom-color: var(--color-whitesmoke-active);
}

/* @end @a-link-dodecato */