/* 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-white-active);
}

.a-link-duodenary:active,
button:active .a-link-duodenary {
color: var(--color-white-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 */

/* block link --------------------------------------------------------*/

/* @group @variables */

[class*="m-block-link-list"] {
--text-block-margin-bottom: 0;
--grid-columns: 1fr;
--grid-gap: .75rem;
--block-link-list-padding: .75rem;
}

@media all and (min-width:48em) {

[class*="m-block-link-list"] {
--grid-columns: auto 1fr;
}

}

/* @end @variables */

/* @group @a-block-link */

[class*="m-block-link-list"] a {
box-sizing: border-box;
overflow: hidden;
display: grid;
grid-template-columns: var(--grid-columns);
gap: var(--grid-gap);
padding: var(--block-link-list-padding);
background-color: var(--color-white);
box-shadow: 0 1px 0 0 hsla(220, 10%, calc(var(--color-neutral-shadow-lightness) * 1%), var(--alpha-shadow)), 0 -1px 0 0 hsla(220, 10%, calc(var(--color-neutral-shadow-lightness) * 1%), var(--alpha-shadow));
}

[class*="m-block-link-list"] a:hover,
[class*="m-block-link-list"] a:focus {
background-color: var(--color-whitesmoke-action);
color: var(--color-link-action);
}

[class*="m-block-link-list"] a:active {
background-color: var(--color-whitesmoke-active);
color: var(--color-link-active);
}

/* @end @m-block-link-list */