/* @group variables */

[class*="a-lien-btn"] {
--link-font-size: .75rem;
--link-line-height: 1.5;
--link-font-weight: 500;
--link-font-font-variation-settings: "wght" 500;
}

[class*="a-lien-btn"] {

--link-background-color: var(--color-premier); 
--link-border-color: var(--color-premier); 
--link-color: var(--color-white);

--link-action-background-color: var(--color-white); 
--link-border-color: var(--color-premier-action); 
--link-action-color: var(--color-premier-action);

--link-action-background-color: var(--color-white); 
--link-border-color: var(--color-premier-active); 
--link-action-color: var(--color-premier-active);
}

/* @end variables */

/* @group @a-lien-btn */

[class*="a-lien-btn"] {
display: inline-grid;
justify-content: center;
align-items: center;
padding: .75rem;
background-color: var(--link-background-color);
border: 1px solid var(--link-border-color);
}

[class*="a-lien-btn"]:hover,
[class*="a-lien-btn"]:focus {
background-color: var(--link-action-background-color);
border-color: var(--link-action-border-color);
}

[class*="a-lien-btn"]:active {
background-color: var(--link-active-background-color);
border-color: var(--link-active-border-color);
}

/* @end @a-lien-btn */