/* offer-button -------------------------------------------------------- */

/* @group variables */

[class*="a-provide-btn"] {
--height: 100%;
--link-padding-right: .75rem;
--link-padding-left: .75rem;
--link-font-size: 1.25rem;
--link-line-height: inherit;
--link-font-weight: 300;
--link-font-font-variation-settings: "wght" 300;
}

[class*="a-provide-btn-primary"] {
--height: 3.75rem;
--link-border-radius: 99rem;
}

[class*="a-provide-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-action-color: var(--color-premier);
--link-active-background-color: var(--color-white-active);
--link-active-color: var(--color-premier);
--link-disabled-background-color: var(--color-premier-disabled);
--link-disabled-text-color: var(--color-white-disabled);
}

/* @end variables */

/* @group @a-provide-btn */

[class*="a-provide-btn"] {
box-sizing: border-box;
position: relative;
z-index: 2;
overflow: hidden;
display: grid;
justify-content: center;
align-items: center;
width: 100%;
height: var(--height);
border: 1px solid var(--link-border-color);
border-radius: var(--link-border-radius);
font-size: var(--link-font-size);
font-weight: var(--link-font-weight);
font-variation-settings: var(--link-font-font-variation-settings);
color: var(--link-color);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: var(--transition);
}

[class*="a-provide-btn"]:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 200%;
height: 100%;
background-color: var(--link-action-background-color);
transform: skewX(25deg) translateX(-210%);
transition: inherit;
}

[class*="a-provide-btn"]:hover:before,
[class*="a-provide-btn"]:focus:before {
transform: skewX(25deg) translateX(-20%);
}

/* @end @a-provide-btn */

/* providit button -------------------------------------------------------- */


/* @group @variables */

[class*="a-provide-link"] {
--grid-template-columns: 0 1fr .875rem;
--gap: .75rem;
--link-font-size: .875rem;
--icon-width: .875rem;
--icon-height: .875rem;
--icon-fill: currentColor;
--icon-transition: var(--transition);
}

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

[class*="a-provide-link"] {
--link-font-size: 1rem;
}

}

/* @end @variables */

/* @group @variables */

[class*="a-provide-link"] {
--link-background-color: hsla(0, 0%, 100%, 1);
--link-border-color: var(--color-gainsboro);
--link-color: var(--color-text);
--link-action-background-color: var(--color-premier);
--link-action-border-color: var(--color-premier);
--link-action-color: var(--color-white);
--link-action-transform: translateX(.25rem);
--link-active-background-color: var(--color-premier-active);
--link-active-border-color: var(---color-premier-active);
--link-active-color: var(--color-white);
--link-text-align: center;
--link-disable-border-color: var(--color-gainsboro-disabled);
--link-disable-color: var(--color-text-disabled);
}

/* @end @variables */

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

/* @group @variables */

[class*="a-provide-link-step"] {
--link-background-color: var(--color-premier);
--link-border-color: var(--color-premier);
--link-color: var(--color-white);
--link-action-background-color: hsla(0, 0%, 100%, 1);
--link-action-border-color: var(--color-gainsboro);
--link-action-color: var(--color-text);
--link-action-transform: translateX(.25rem);
--link-active-background-color: var(--color-premier-active);
--link-active-border-color: var(---color-premier-active);
--link-active-color: var(--color-white);
--link-text-align: center;
--link-disable-background-color: var(--color-premier-disabled);
--link-disable-border-color: var(--color-premier-disabled);
--link-disable-color: var(--color-white-disabled);
}

/* @end @variables */

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

/* @group @variables */

[class*="a-root-hero-contents"] [class*="a-provide-link"] {
--link-background-color: hsla(0, 0%, 100%, .875);
--link-background-color: transparent;
--link-border: 1px solid var(--link-border-color);
--link-border-color: var(--color-white);
--link-color: var(--color-white);
--link-action-background-color: var(--color-white);
--link-action-border-color: var(--color-white);
--link-action-color: var(--color-premier-action);
--link-action-transform: translateX(.25rem);
--link-active-background-color: var(--color-white);
--link-active-border-color: var(--color-white);
--link-active-color: var(--color-premier-active);
--icon-fill: currentColor;
}

/* @end @variables */

/* @group @a-provide-link */

[class*="a-provide-link"] {
box-sizing: border-box;
display: grid;
justify-content: center;
align-items: center;
grid-template-columns: var(--grid-template-columns);
gap: var(--gap);
}

[class*="a-provide-link"]>span {
grid-column: 2;
grid-row: 1;
}

[class*="a-provide-link"] svg {
grid-column: 3;
grid-row: 1;
}

/* @end @a-provide-link */

/* @group @a-provide-link */

[class*="a-provide-link"] {
position: relative;
z-index: 3;
overflow: hidden;
height: calc(3rem - 2px);
padding: 0 1.5rem;
background-color: var(--link-background-color);
border: 1px solid var(--link-border-color);
font-size: var(--link-font-size);
line-height: var(--link-line-height);
font-weight: var(--link-font-weight);
font-variation-settings: var(--link-font-variation-settings);
color: var(--link-color);
text-align: var(--link-text-align);
transition: var(--transition);
cursor: pointer;
pointer-events: auto;
}

a:hover [class*="a-provide-link"],
a:focus [class*="a-provide-link"],
[class*="a-provide-link"]:hover,
[class*="a-provide-link"]:focus {
border-color: var(--link-action-border-color);
color: var(--link-action-color);
pointer-events: auto;
}

[class*="a-provide-link"]:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 200%;
height: 100%;
background-color: var(--link-action-background-color);
transform: skewX(25deg) translateX(-210%);
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: inherit;
}

a:hover [class*="a-provide-link"]:before,
a:focus [class*="a-provide-link"]:before,
[class*="a-provide-link"]:hover:before,
[class*="a-provide-link"]:focus:before {
transform: skewX(25deg) translateX(-20%);
}

a:hover [class*="a-provide-link"] svg,
a:focus [class*="a-provide-link"] svg,
[class*="a-provide-link"]:hover svg,
[class*="a-provide-link"]:focus svg {
transform: var(--link-action-transform);
}

[class*="a-provide-link"]:disabled {
background-color: var(--link-disable-background-color);
border-color: var(--link-disable-border-color);
color: var(--link-disable-color);
pointer-events: none;
}

a:active [class*="a-provide-link"],
[class*="a-provide-link"]:active {
transform: var(--link-active-transform);
}

/* @end @a-provide-link */

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

/* @group @variables */

[class*="a-cancel-button"] {
--cancel-button-height: 1.875rem;
--link-padding-right: .75rem;
--link-padding-left: .75rem;
--link-background-color: var(--color-white);
--link-border-width: 1px;
--link-border-style: solid;
--link-border-color: var(--color-gainsboro);
--link-box-shadow: .25rem .25rem 1.25rem -.25rem hsla(220, 5%, 50%, .125);
--link-border-radius: .125rem;
--link-font-size: .875rem;
--link-line-height: 1.71428571;
--link-color: var(--color-text);
--link-action-background-color: var(--color-white);
--link-action-border-color: var(--color-gainsboro-action);
--link-action-box-shadow: .375rem .375rem 1.875rem -.375rem hsla(220, 5%, 50%, .5);
--link-action-color: var(--color-text-action);
--link-active-background-color: var(--color-white);
--link-active-border-color: var(--color-gainsboro-active);
--link-active-box-shadow: .375rem .375rem 1.875rem -.375rem hsla(220, 5%, 50%, .5);
--link-active-color: var(--color-text-active);
}

/* @end @variables */

/* @group @a-cancel-button */

[class*="a-cancel-button"] {
box-sizing: border-box;
display: inline-grid;
justify-content: center;
align-items: center;
width: var(--cancel-button-width);
height: var(--cancel-button-height);
}

/* @end @a-cancel-button */