/* @group @variables - @link */

:root {
--link-padding-bottom: .25rem;
--link-background-position: 0 100%;
--link-background-size: 0 1px;
--link-action-background-size: 100% 1px;
/*--link-background-position: 100% 100%;
--link-background-size: 100% 1px;
--link-action-background-size: 0 1px;*/
--link-border-color: hsl(197.5deg 55% 52.5%);
--link-action-border-color: hsl(197.5deg 55% 47.5%);
--link-active-border-color: hsl(197.5deg 55% 32.5%);
--link-color: hsl(197.5deg 55% 47.5%);
--link-action-color: hsl(197.5deg 55% 42.5%);
--link-active-color: hsl(197.5deg 55% 37.5%);
--link-disabled-color: hsl(197.5deg 55% 47.5%, .5);
}

:where([class*="o-mutual-footer"]) {
--link-border-color: hsl(0deg 0% 90%);
--link-action-border-color: hsl(0deg 0% 85%);
--link-active-border-color: hsl(0deg 0% 75%);
--link-color: hsl(0deg 0% 100%);
--link-action-color: hsl(0deg 0% 90%);
--link-active-color: hsl(0deg 0% 80%);
--link-disabled-color: hsl(0deg 0% 100% / 50%);
}

/* @end @variables - @a-link */

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

:where(a):not([class]):not(:has(img)) {
box-decoration-break: clone;
padding-bottom: var(--link-padding-bottom);
background-image: linear-gradient(var(--link-border-color), var(--link-border-color));
background-position: var(--link-background-position);
background-repeat: no-repeat;
background-size: var(--link-background-size);
color: var(--link-color);
transition: background-size .3s 0s var(--transition-cubic-bezier), color .3s 0s var(--transition-cubic-bezier);
}

:where(a):not([class]):not(:has(img)):focus {
background-size: var(--link-action-background-size);
color: var(--link-action-color);
text-decoration: none;
}

@media (hover: hover) {

:where(a):not([class]):not(:has(img)):hover {
background-size: var(--link-action-background-size);
color: var(--link-action-color);
text-decoration: none;
}

}

:where(a):not([class]):not(:has(img)):active {
border-bottom-color: var(--link-active-color);
color: var(--link-active-color);
text-decoration: none;
}

:where(a):not([class]):not(:has(img)):disabled {
color: var(--link-disabled-color);
}

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

/* -------------------------------------------------------- */

/* @group @m-content-list */

:where(ul:not([class])) {
position: relative;
z-index: 2;
display: grid;
grid-auto-columns: 1fr;
gap: .375rem;
align-content: start;
}

:where(ul:not([class]))>li {
padding-left: 1rem;
background-image: url('../img/sprite-svg.svg#icon-arrow-right');
background-position: 0 .5625rem;
background-repeat: no-repeat;
background-size: .5rem .5rem;
}

/* @end @m-content-list */

/* --------------------------------------------------------*/

/* @group @variables */

[class*="m-section-footer"] {
--section-margin-top: 1.5rem;
--section-footer-grid-auto-flow: repeat(1, 1fr);
--section-footer-gap: .75rem;
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-section-footer-secondary"] {
--section-footer-grid-template-columns: repeat(2, 1fr);
}

[class*="m-section-footer-deutero"] {
--section-footer-grid-template-columns: repeat(2, 12.5rem);
}

}

/* @end @variables */

/* @group @m-section-footer */

[class*="m-section-footer"] {
box-sizing: border-box;
display: grid;
grid-template-columns: var(--section-footer-grid-template-columns);
gap: var(--section-footer-gap);
margin-top: var(--section-footer-margin-top);
}

/* @end @m-section-footer */

/* --------------------------------------------------------*/

/* @group @variables */

:where(ol:not([class])) {
--ordered-list-detail-padding-left: 1.875rem;
--ordered-list-detail-counter-width: 1.125rem;
}

:where(ol:not([class])):has(:nth-child(n+10)) {
--ordered-list-detail-padding-left: 2.25rem;
--ordered-list-detail-counter-width: 1.6875rem;
}

/* @end @variables */

/* @group @m-counter-list */

:where(ol:not([class])) {
position: relative;
display: grid;
grid-auto-flow: row;
gap: .375rem;
align-content: start;
counter-reset: li-entry;
}

:where(ol:not([class]))>li {
position: relative;
counter-increment: li-entry;
padding-left: var(--ordered-list-detail-padding-left);
}

:where(ol:not([class]))>li:before {
box-sizing: border-box;
content: counter(li-entry)'.';
position: absolute;
top: 0;
left: 0;
display: grid;
width: var(--ordered-list-detail-counter-width);
speak: none;
text-align: right;
}

/* @end @m-counter-list */

/* --------------------------------------------------------*/

/* @group @variables */

[class*="a-confirm-footer"] {
--confirm-footer-grid-auto-flow: repeat(1, 1fr);
--confirm-footer-gap: .75rem;
}

@media (width >= 48em) { /* 768px -> * */

[class*="a-confirm-footer"] {
grid-template-columns: repeat(2, 1fr);
}

}

/* @end @variables */

/* @group @a-confirm-footer */

[class*="a-confirm-footer"] {
box-sizing: border-box;
display: grid;
grid-template-columns: var(grid-template-columns);
gap: var(--confirm-footer-gap);
width: 100%;
}

/* @end @a-confirm-footer */

/* --------------------------------------------------------*/

/* @group @variables */

@media (width >= 48em) { /* 768px -> * */

[class*="m-ripetere-footer"] {
--section-footer-max-width: 24rem;
}

} 

/* @end @variables */

/* @group @m-ripetere-footer */

[class*="m-ripetere-footer"] {
box-sizing: border-box;
display: grid;
grid-template-columns: var(grid-template-columns);
gap: var(--section-footer-gap);
width: 100%;
max-width: var(--section-footer-max-width);
margin-inline: auto;
}

/* @end @m-ripetere-footer */

/* --------------------------------------------------------*/

/* @group @variables */

[class*="m-headline"] {
--headline-padding-bottom: calc(1.125rem - var(--headline-border-bottom-width));
--headline-border-bottom-width: 2px;
--headline-border-image-width: 4.5rem;

--headline-border-image-color: var(--color-primary);
--headline-border-color: var(--border-color);

--head-2-margin-bottom: 0;
--head-2-font-family: var(--font-family-heading);
--head-2-font-size: clamp(1.5rem, 1.554rem + 1.61vw, 1.875rem);/* 24-30 to 320-1440 */
--head-2-line-height: 1;
--head-2-font-weight: 400;
--head-2-color: var(--color-primary);
--word-break: keep-all;
--overflow-wrap: anywhere;
}

:where([class*="o-section-primo"]) [class*="m-headline"] {
--color: var(--color-white);
}

/* @end @variables */

/* @group @m-headline */

[class*="m-headline"] {
position: relative;
z-index: 3;
display: grid;
grid-auto-flow: row;
gap: .75rem;
padding-bottom: var(--headline-padding-bottom);
box-shadow: var(--headline-separater);
border-style: solid;
border-width: 0 0 var(--headline-border-bottom-width);
background-color: transparent;
border-image: linear-gradient(45deg, var(--headline-border-image-color) 0%, var(--headline-border-image-color) var(--headline-border-image-width), transparent var(--headline-border-image-width), transparent calc(var(--headline-border-image-width) + 1px), var(--headline-border-color) calc(var(--headline-border-image-width) + 1px), var(--headline-border-color) 100%) 1;
text-transform: uppercase;
}

/* @end @m-headline */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-grid"] {
--grid-template-columns: repeat(1, 1fr);
--grid-gap: 3rem;
}

[class*="grille"] {
--grid-template-columns: repeat(1, 1fr);
--grid-gap: 1.5rem;
}

/*[class*="m-grid-secondary"] {
--grid-template-columns: repeat(2, 1fr);
--grid-template-columns: repeat(2, minmax(24rem, 1fr)); /* repeat(2, 1fr) *!/
--grid-template-columns: repeat(clamp(1, calc(100vw / 48rem), 2), 1fr);
}*/

@media (width >= 48em) { /* 768px -> * */

[class*="m-grid-secondary"],
[class*="m-grille-secondary"] {
--grid-template-columns: repeat(2, 1fr);
}

[class*="m-grid-deutero"],
[class*="m-grille-deutero"] {
--grid-template-columns: repeat(2, 1fr);
--grid-direction: rtl;
}

[class*="m-grid-deutero"],
[class*="m-grille-deutero"] {
--grid-template-columns: repeat(2, 1fr);
--grid-direction: rtl;
}

[class*="m-grid-tertiary"],
[class*="m-grille-tertiary"] {
--grid-template-columns: repeat(3, 1fr);
}

[class*="m-grid-secondo"],
[class*="m-grille-secondo"] {
--grid-template-columns: repeat(2, 1fr);
}

[class*="m-grid-deuxieme"],
[class*="m-grille-deuxieme"] {
--grid-template-columns: repeat(2, 1fr);
}

}

@media (width >= 62em) { /* 992px -> * */

[class*="m-grid-segundo"],
[class*="m-grille-segundo"] {
--grid-template-columns: repeat(2, 1fr);
}

[class*="m-grid-deuxieme"],
[class*="m-grille-deuxieme"] {
--grid-template-columns: repeat(2, 1fr);
}

[class*="m-grid-secondo"],
[class*="m-grille-secondo"] {
--grid-template-columns: repeat(3, 1fr);
}

[class*="m-grid-deuxieme"],
[class*="m-grille-deuxieme"] {
--grid-template-columns: repeat(4, 1fr);
}

}

/* @end @variables */

/* @group @m-grid */

[class*="m-grid"],
[class*="m-grille"] {
display: grid;
align-items: var(--grid-align-items);
grid-template-columns: var(--grid-template-columns);
gap: var(--grid-gap);
order: var(--grid-order);
direction: var(--grid-direction);
}

:where([class*="m-grid"])>*,
:where([class*="m-grille"])>* {
display: contents;
direction: ltr;
}

/* @end @m-grid */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-plan-list"] {
--grid-template-columns: repeat(1, 1fr);
}

[class*="m-plan-list"] ul {
--font-size: .875rem;
--line-height: 1.71428571;
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-plan-list-secondary"] {
--grid-template-columns: repeat(2, 1fr);
}

[class*="m-plan-list-tertiary"] {
--grid-template-columns: repeat(3, 1fr);
}

[class*="m-plan-detail"]:not(:last-of-type):after {
--top: 0;
--bottom: 0;
--left: -1.5rem;
--width: 1px;
}

}

@media (width < 48em) { /* 0 -> 767px */

[class*="m-plan-detail"]:not(:last-of-type):after {
--bottom: -1.5rem;
--right: 0;
--left: 0;
--height: 1px;
}

}

[class*="a-plan-label"] {
--head-4-font-size: .875rem;
--head-4-line-height: 1.71428571;
--head-4-text-align: center;
--head-4-emphasis-font-family: var(--font-family-heading);
--head-4-emphasis-font-size: clamp(1.875rem, 1.554rem + 1.61vw, 3rem);/* 30-48 to 320-1440 */
--head-4-emphasis-line-height: 1.2;
--head-4-emphasis-font-weight: 400;
--head-4-emphasis-color: var(--color-primary);
}

/* @end @variables */

/* @group @m-plan-list */

[class*="m-plan-list"] {
display: grid;
grid-template-columns: var(--grid-template-columns);
gap: 3rem;
}

[class*="m-plan-detail"] {
position: relative;
padding-block: .375rem;
}

[class*="m-plan-detail"]:not(:last-of-type):after {
content: '';
position: absolute;
top: var(--top);
bottom: var(--bottom);
left: var(--right);
right: var(--left);
width: var(--width);
height: var(--height);
background-color: var(--border-color);
}

[class*="a-plan-label"] small {
margin-left: .1rem;
}

/* @end @m-plan-list */

/* -------------------------------------------------------- */

/* @group @m-region-detail */

[class*="m-region-detail"] {
padding: 1.5rem;
background-color: var(--background-color);
}

/* @end @m-region-detail */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-strapline"] {
--head-3-font-size: 1.25rem;
--head-3-line-height: 1.2;
--head-3-word-break: keep-all;
--head-3-overflow-wrap: anywhere;
}

/* @end @variables */

/* @group @a-strapline */

[class*="a-strapline"] {
position: relative;
padding-bottom: 1.125rem;
}

[class*="a-strapline"]:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 3rem;
height: 1px;
background-color: var(--color-primary);
}

/* @end @a-name-titre */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-sous-titre"] {
--head-3-font-size: 1.25rem;
--head-3-line-height: 1.2;
--head-3-text-align: center;
--head-3-word-break: keep-all;
--head-3-overflow-wrap: anywhere;
}

/* @end @variables */

/* @group @a-sous-titre */

[class*="a-sous-titre"] {
position: relative;
padding-bottom: 1.125rem;
}

[class*="a-sous-titre"]:after {
content: '';
position: absolute;
bottom: 0;
left: calc(50% - 1.5rem);
width: 3rem;
height: 1px;
background-color: var(--color-primary);
}

/* @end @a-name-titre */

/* -------------------------------------------------------- */

/* @group @m-mission-detail */

[class*="m-mission-detail"] {
display: inline-grid;
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: 3rem;
width: fit-content;
margin-inline: auto;
}

/* @end @m-mission-detail */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-cta"] {
--font-weight: 500;
}

/* @end @variables */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-mission-list"] {
--font-weight: 500;
}

/* @end @variables */

/* @group @m-mission-list */

[class*="m-mission-list"] {
position: relative;
z-index: 2;
display: inline-grid;
grid-auto-columns: 1fr;
gap: 1.125rem;
align-content: start;
width: fit-content;
margin-inline: auto;
}

[class*="m-mission-list"]:before {
content: '';
box-sizing: border-box;
position: absolute;
z-index: -1;
top: calc((1.5rem - 1.25rem) / 2);
bottom: calc((1.5rem - 1.25rem) / 2);
left: 0.625rem;
border-left: 1px solid var(--border-color);
}

[class*="m-mission-list"]>li {
position: relative;
padding-left: 1.875rem;
}

[class*="m-mission-list"]>li:before {
content: '';
box-sizing: border-box;
position: absolute;
top: calc((1.5rem - 1.25rem) / 2);
left: 0;
width: 1.25rem;
height: 1.25rem;
background-color: var(--color-white);
border: .1875rem solid var(--color-primary);
border-radius: 50%;
}

/* @end @m-mission-list */

/* -------------------------------------------------------- */

/* @group @variables */

@media (width >= 48em) { /* 768px -> * */

[class*="m-info-particular"] {
--info-particular-grid-template-columns: 9rem 1fr;
}

[class*="m-info-particular-secondary"] {
--info-particular-grid-template-columns: 15rem 1fr;
}

}

/* @end @variables */

/* @group @m-info-particular */

[class*="m-info-particular"] {
display: grid;
align-content: start;
grid-template-columns: var(--info-particular-grid-template-columns);
gap: .375rem 1.125rem;
}

/* @end @m-info-particular */

/* @group @m-info-particular */

[class*="m-info-particular"] {
padding: 1.125rem .75rem;
box-shadow: 0 1px 0 0 var(--border-color), inset 0 1px 0 0 var(--border-color);
}

/* @end @m-info-particular */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-accroche"] {
--head-3-font-family: var(--font-family-heading);
--head-3-font-size: clamp(1.5rem, 1.393rem + 0.54vw, 1.875rem);/* 24-30 to 320-1440 */
--head-3-line-height: 1.5;
--head-3-color: var(--color-primary);
}

@media (width >= 48em) { /* 768px -> * */

}

@media (width >= 62em) { /* 992px -> * */

}

/* @end @variables */

/* @group @m-accroche */

[class*="m-accroche"] {
display: grid;
align-content: var(--grid-align-content);
grid-auto-flow: row;
gap: .375rem;
text-align: center;
text-transform: uppercase;
}

[class*="m-accroche"]:after {
content: '';
display: grid;
width: 3rem;
height: 1px;
margin-top: -1px;
background-color: var(--accroche-separater-color);
}

/* @end @m-accroche */

/* -------------------------------------------------------- */

/* @group @a-attachment */

[class*="a-attachment-svg"] {
margin-inline: auto
}

[class*="a-attachment-svg"],
[class*="attachment-svg"] svg {
width: 5.25rem;
height: 5.25rem;
}

/* @end @a-attachment-svg */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-sitemap-nav-label"] {
--font-family: var(--font-family-heading);
--font-size: 1.125rem;
--line-height: 1.33333333;
--font-weight: 500;
}

/* @end @variables */

/* @group @a-sitemap-nav-label */

[class*="a-sitemap-nav-label"] {
padding: 0 0 .75rem;
box-shadow: 0 1px 0 0 var(--color-dimgray);
text-transform: uppercase;
}

/* @end @a-sitemap-nav-label */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-price-list"] dt {
--font-family: var(--font-family-heading);
--font-size: .875rem;
--color: var(--color-primary);
--font-weight: 500;
}

/* @end @variables */

/* @group @a-price-list */

[class*="a-price-list"] {
display: grid;
align-items: start;
grid-template-columns: 3.75rem 1fr;
gap: .75rem;
}

[class*="a-price-list"] dt {
display: grid;
align-items: center;
height: 1.5rem;
padding-inline: .25rem;
border: 1px solid var(--color-primary);
border-radius: .25rem;
text-align: center;
text-transform: uppercase;
}

[class*="a-price-list"] dd span {
padding-right: .25rem;
}

/* @end @a-price-list */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-cta-message"] {
--font-size: 1.25rem;
--color: var(--color-white);
--font-weight: 500;
}

/* @end @variables */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-services-list"] {
--grid-template-columns: repeat(1, 1fr);
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-services-list"] {
--grid-template-columns: repeat(3, 1fr);
}

}

/* @end @variables */

/* @group @m-services-list */

[class*="m-services-list"] {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: var(--grid-template-columns);
gap: 3rem;
}

[class*="m-services-detail"] {
display: grid;
grid-template-rows: auto auto 1fr auto;
gap: 1.875rem;
}

[class*="m-services-detail"] footer {
margin-top: auto;
}

/* @end @m-services-list */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-voice-list"] {
--grid-template-columns: repeat(1, 1fr);
--subhead-border-image-color: var(--color-primary);
--head-3-font-size: 1rem;
--head-3-line-height: 1.5;

}

[class*="a-voice-detail"] {
--font-size: .875rem;
--line-height: 1.71428571;
}

[class*="a-voice-user"] {
--font-size: .875rem;
--line-height: 1.71428571;
--font-weight: 500;
}

[class*="a-voice-user"] dd {
--font-size: .75rem;
--line-height: 1.5;
}

@media (width >= 62em) { /* 992px -> * */

[class*="m-voice-list"] {
--grid-template-columns: repeat(3, 1fr);
}

}

/* @end @variables */

/* @group @m-voice-list */

[class*="m-voice-list"] {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: var(--grid-template-columns);
gap: 1.5rem;
}

[class*="m-voice-detail"] h3 {
padding-bottom: calc(1.125rem - 1px);
border-bottom: 1px solid var(--border-color);
}

[class*="m-voice-detail"] {
display: grid;
grid-template-rows: auto 1fr;
gap: 1.125rem;
padding: 1.5rem 1.125rem;
background-color: var(--color-white);
}

[class*="a-voice-detail"] {
display: grid;
grid-template-rows: 1fr auto;
gap: 1.5rem;
}

[class*="a-voice-user"] {
display: grid;
align-content: start;
align-items: start;
grid-auto-flow: row;
gap: .375rem;
margin-top: auto;
padding-left: calc(.75rem - 2px);
border-left: 2px solid var(--color-primary);
}

/* @end @m-voice-list */

/* -------------------------------------------------------- */

/* @group @m-check-unordered-list */

[class*="m-check-unordered-list"] {
position: relative;
z-index: 2;
display: grid;
grid-auto-columns: 1fr;
gap: .75rem;
align-content: start;
}

[class*="m-check-unordered-list"]>li {
padding-left: 1.875rem;
background-image: url('../img/sprite-svg.svg#icon-check-mark-primary');
background-position: 0 0;
background-repeat: no-repeat;
background-size: 1.5rem 1.5rem;
}

/* @end @m-check-unordered-list */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-unordered-list"] {
--grid-template-columns: repeat(1, 1fr);
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-unordered-list-secondo"] {
--grid-template-columns: repeat(2, 1fr);
}

[class*="m-unordered-list-terzo"] {
--grid-template-columns: repeat(3, 1fr);
}

}

@media (width >= 62em) { /* 992px -> * */

[class*="m-unordered-list-secondo"] {
--grid-template-columns: repeat(3, 1fr);
}

[class*="m-unordered-list-terzo"] {
--grid-template-columns: repeat(4, 1fr);
}

}

/* @end @variables */

/* @group @m-unordered-list */

[class*="m-unordered-list"] {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: var(--grid-template-columns);
gap: .375rem;
align-content: start;
}

[class*="m-unordered-list"]>li {
padding-left: 1rem;
background-image:url('../img/sprite-svg.svg#icon-arrow-right');
background-position: 0 .5625rem;
background-repeat: no-repeat;
background-size: .5rem .5rem;
}

/* @end @m-unordered-list */

/* -------------------------------------------------------- */

/* @group @a-sitemap-nav-list */

[class*="a-sitemap-nav-list"] {
display: grid;
justify-content: var(--justify-content);
align-items: var(--align-items);
align-content: var(--align-content);
grid-auto-flow: row;
grid-auto-columns: 1fr;
gap: .75rem;
}

[class*="a-sitemap-nav-list"] li {
padding-left: 1.125rem;
background-image: url('../img/sprite-svg.svg#icon-sitemap-arrow-right');
background-position: 0 .375rem;
background-repeat: no-repeat;
background-size: .75rem .75rem;
}

/* @end @a-sitemap-nav-list */

/* variables - note-list --------------------------------------------------------*/

/* @group @variables - @list */

[class*="m-note-list"] {
--content-list-gap: .375rem;
--note-list-mark-size: 1rem;
--note-list-font-size: 1rem;
--note-list-line-height: 1.5;
}

[class*="m-note-list-primary"] {
--note-list-font-size: .625rem;
--note-list-line-height: 1.8;
}

[class*="m-note-list-secondary"] {
--note-list-font-size: .75rem;
--note-list-line-height: 1.5;
}

[class*="m-note-list-tertiary"] {
--note-list-font-size: .875rem;
--note-list-line-height: 1.71428571;
}

/* @end @variables - @list */

/* @group @m-note-list */

[class*="m-note-list"] {
display: grid;
align-self: start;
grid-template-columns: repeat(1, 1fr);
gap: var(--content-list-gap);
padding: var(--note-list-padding);
background-color: var(--note-list-background-color);
}

[class*="m-note-list"]>li {
position: relative;
display: block;
padding-left: var(--note-list-mark-size);
font-size: var(--note-list-font-size);
line-height: var(--note-list-line-height);
}

[class*="m-note-list"]>li:before {
content: '※';
position: absolute;
top: 0;
left: 0;
}

/* @end @m-note-list */

/* -------------------------------------------------------- */

/* @group variables - @a-btn-link */

:root {
--btn-display: grid;
--btn-height: 3rem;
--btn-padding: 0 .25rem;
--btn-font-size: .875rem;
--btn-line-height: 1.25;
--btn-font-weight: var(--font-weight-bold);
--btn-background-color: var(--color-primary-button);
--btn-action-background-color: var(--color-white);
--btn-disabled-background-color: hsl(30deg 5% 85% / 50%);
--btn-border-color: var(--color-primary);
--btn-action-border-color: var(--color-primary-button-action);
--btn-active-border-color: var(--color-primary-button-active);
--btn-border-radius: 99rem;
--btn-color: var(--color-white);
--btn-action-color: var(--color-primary);
--btn-active-color: var(--color-primary);
--btn-disabled-filter: none;
--btn-transition: color .1875s .0625s cubic-bezier(.6, .5, .5, .75), filter .25s 0s var(--transition-cubic-bezier);

--btn-before-transform: skewX(-25deg) scaleX(0);
--btn-before-transform-origin: right;
--btn-before-action-transform: skewX(-25deg) scaleX(1.5);
--btn-before-action-transform-origin: left;
--btn-before-transition: transform .25s 0s var(--transition-cubic-bezier);
--btn-icon-width: .75rem;
--btn-icon-height: .75rem;
--btn-link-transform: translateX(.25rem);

--btn-icon-transition: fill .1875s .0625s cubic-bezier(.6, .5, .5, .75), transform .1875s .0625s var(--transition-cubic-bezier);
}

[class*="a-btn-link-secondary"] {
--btn-background-color: var(--color-white);
--btn-action-background-color: var(--color-white-action);
--btn-active-background-color: var(--color-white-active);
--btn-border-color: var(--border-color);
--btn-action-border-color: var(--border-color);
--btn-active-border-color: var(--border-color);
--btn-color: var(--color-text);
--btn-action-color: var(--color-text-action);
--btn-active-color: var(--color-text-active);
--btn-icon-transition: var(--link-premier-transition);
}

[class*="o-mutual-header"] {
--btn-width: 7.5rem;
--btn-font-size: .75rem;
--btn-line-height: 1.25;
}

[class*="o-root-hero"] {
--btn-width: 20rem;
--btn-font-size: 1.125rem;
}

:where([class*="o-mutual-header"]) {
--btn-height: 2.25rem;
--btn-padding: .5625rem .1875rem;
--btn-font-size: .875rem;
--btn-line-height: 1.2;
}

[class*="a-btn-link-deuxieme"] {
--btn-background-image: none;
--btn-background-color: var(--color-white);
--btn-action-background-color: var(--color-white-action);
--btn-active-background-color: var(--color-white-active);
--btn-border-color: var(--border-color);
--btn-action-border-color: var(--border-color);
--btn-active-border-color: var(--border-color);
--btn-color: var(--color-text);
--btn-action-color: var(--color-text-action);
--btn-active-color: var(--color-text-active);
--btn-icon-transition: var(--link-premier-transition);
}

[class*="a-btn-link-deuxieme"] {
--btn-height: 2.25rem;
}

/* @end variables - @a-btn-link */

/* @group variables - @a-btn-link */

/* @group variables - @a-btn-link */

[class*="a-btn-link"] {
box-sizing: border-box;
position: relative;
overflow: hidden;
z-index: 3;
display: var(--btn-display);
align-content: center;
align-items: center;
grid-template-columns: var(--btn-grid-template-columns);
gap: var(--btn-gap);
width: var(--btn-width);
height: var(--btn-height);
margin-inline: var(--btn-margin-inline);
padding: var(--btn-padding);
background-image: var(--btn-background-image);
background-color: var(--btn-background-color);
border-width: 1px;
border-style: solid;
border-color: var(--btn-border-color);
border-radius: var(--btn-border-radius);
filter: var(--btn-filter);
font-size: var(--btn-font-size);
line-height: var(--btn-line-height);
color: var(--btn-color);
text-align: center;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
text-decoration: none;
direction: var(--link-direction);
transition: var(--btn-transition);
backface-visibility: hidden;
direction: rtl;
}

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

@media (hover: hover) {

[class*="a-btn-link"]:not(:disabled):hover {
border-color: var(--btn-action-border-color);
filter: var(--btn-action-filter);
color: var(--btn-action-color);
}

}

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

[class*="a-btn-link"]:disabled {
filter: var(--btn-disabled-filter);
}

[class*="a-btn-link"]:before {
content: '';
position: absolute;
z-index: -1;
inset: -.5rem;
background-color: var(--btn-action-background-color);
will-change: transform;
transform: var(--btn-before-transform);
transform-origin: var(--btn-before-transform-origin);
backface-visibility: hidden;
transition: var(--btn-before-transition);
}

[class*="a-btn-link"]:not(:disabled):hover:before,
[class*="a-btn-link"]:focus:before {
will-change: transform;
transform: var(--btn-before-action-transform);
transform-origin: var(--btn-before-action-transform-origin);
}

[class*="a-btn-link"],
[class*="a-btn-link"]:focus,
[class*="a-btn-link"]:active,
[class*="a-btn-link"]>span {
font-weight: var(--btn-font-weight);
backface-visibility: hidden;
}

@media (hover: hover) {

[class*="a-btn-link"]:hover {
font-weight: var(--btn-font-weight);
backface-visibility: hidden;
}

}

[class*="a-btn-link"]>span {
position: relative;
z-index: 2;
grid-column: var(--btn-text-grid-column);
direction: rtl;
transition: inherit;
}

[class*="a-btn-link"]>svg,
[class*="a-btn-link"]>span {
grid-row: 1;
transition: inherit;
}

[class*="a-btn-link"]>svg {
width: var(--btn-icon-width);
height: var(--btn-icon-height);
fill: currentColor;
transition: var(--btn-icon-transition);
}

[class*="a-btn-link"]:not(:disabled):hover>svg,
[class*="a-btn-link"]:focus>svg {
will-change: transform;
transform: var(--btn-link-transform);
}

/* @end variables - @a-btn-link */