/* @group @variables */

:root {
--btn-border-width: 1px;
}

/* @end @variables */

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

/* @group variables */

[class*="a-provide-link"] {
--btn-offer-height: 2.25rem;
--btn-offer-padding: 0 .75rem;
--btn-offer-font-weight: 300;
--btn-offer-font-size: .75rem;
--btn-offer-line-height: 1.5;
}

[class*="a-provide-btn"] {
--btn-offer-height: 3.75rem;
--btn-offer-gap: .1875rem;
--btn-offer-padding: 0 .75rem;
--btn-offer-font-weight: 400;
--text-block-font-size: 1rem;
--text-block-line-height: 1.5;
}

/* @end variables */

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

[class*="a-provide-link"],
[class*="a-provide-btn"] {
box-sizing: border-box;
position: relative;
overflow: hidden;
z-index: 1;
display: grid;
align-content: center;
gap: var(--btn-offer-gap);
height: var(--btn-offer-height);
padding: var(--btn-offer-padding);
background-color: var(--btn-background-color);
border: 1px solid var(--btn-border-color);
font-size: var(--btn-offer-font-size);
line-height: var(--btn-offer-line-height);
font-weight: var(--btn-offer-font-weight);
color: var(--btn-text-color);
text-align: center;
text-transform: uppercase;
cursor: pointer;
white-space: nowrap;
transition: var(--link-transition);
}

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

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

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

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

[class*="a-provide-link"]:disabled,
button:disabled [class*="a-provide-link"],
[class*="a-provide-btn"]:disabled,
button:disabled [class*="a-provide-btn"] {
background-color: var(--btn-disabled-background-color);
border-color: var(--btn-border-disabled-color);
color: var(--btn-disabled-text-color);
pointer-events: none;
cursor: not-allowed;
}

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

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

/* @group variables */

.a-provide-btn-proto,
.a-provide-link-proto {
--btn-background-color: var(--color-white);
--btn-action-background-color: var(--color-very-dark-gray);
--btn-active-background-color: var(--color-very-dark-gray-active);
--btn-disabled-background-color: var(--color-very-dark-gray-disabled);

--btn-border-color: var(--color-very-dark-gray);
--btn-border-action-color: var(--color-white);
--btn-border-active-color: var(--color-white-active);
--btn-border-active-color: var(--color-white-disabled);

--btn-text-color: var(--color-very-dark-gray);
--btn-action-text-color: var(--color-white);
--btn-active-text-color: var(--color-white-active);
--btn-disabled-text-color: var(--color-white-disabled);
}

/* @end variables */

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

/* @group variables */

.a-provide-link-root-contact {
--btn-offer-padding: 0 .1875rem;
--btn-background-color: transparent;
--btn-action-background-color: var(--color-very-dark-gray);
--btn-active-background-color: var(--color-very-dark-gray-active);
--btn-disabled-background-color: var(--color-very-dark-gray-disabled);


--btn-border-color: var(--color-white);
--btn-border-action-color: var(--color-white);
--btn-border-active-color: var(--color-white-active);
--btn-border-active-color: var(--color-white-disabled);

--btn-text-color: var(--color-white);
--btn-action-text-color: var(--color-white);
--btn-active-text-color: var(--color-white-active);
--btn-disabled-text-color: var(--color-white-disabled);
}

html:not(.is-fit-sticky) .o-root-header .a-provide-link-root-contact {
--btn-background-color: transparent;
--btn-action-background-color: var(--color-white);
--btn-active-background-color: var(--color-white-active);
--btn-disabled-background-color: var(--color-white-disabled);


--btn-border-color: var(--color-white);
--btn-border-action-color: var(--color-white);
--btn-border-active-color: var(--color-white-active);
--btn-border-active-color: var(--color-white-disabled);

--btn-text-color: var(--color-white);
--btn-action-text-color: var(--color-very-dark-gray);
--btn-active-text-color: var(--color-very-dark-gray-active);
--btn-disabled-text-color: var(--color-very-dark-gray-disabled);
}

/* @end variables */

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

/* @group variables */

.a-provide-btn-primero,
.a-provide-link-primero {
--btn-background-color: var(--color-very-dark-gray);
--btn-action-background-color: var(--color-white);
--btn-active-background-color: var(--color-white-active);
--btn-disabled-background-color: var(--color-white-disabled);

--btn-border-color: var(--color-very-dark-gray);
--btn-border-action-color: var(--color-very-dark-gray);
--btn-border-active-color: var(--color-very-dark-gray-active);
--btn-border-active-color: var(--color-very-dark-gray-disabled);

--btn-text-color: var(--color-white);
--btn-action-text-color: var(--color-very-dark-gray);
--btn-active-text-color: var(--color-very-dark-gray-active);
--btn-disabled-text-color: var(---color-very-dark-gray-disabled);
}

/* @end variables */

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

/* @group variables */

.a-provide-btn-premier,
.a-provide-link-premier {
--btn-background-color: transparent;
--btn-action-background-color: var(--color-white);
--btn-active-background-color: var(--color-white-active);
--btn-disabled-background-color: var(--color-white-disabled);


--btn-border-color: var(--color-white);
--btn-border-action-color: var(--color-white);
--btn-border-active-color: var(--color-white-active);
--btn-border-active-color: var(--color-white-disabled);

--btn-text-color: var(--color-white);
--btn-action-text-color: var(--color-brand-action);
--btn-active-text-color: var(--color-brand-active);
--btn-disabled-text-color: var(--color-brand-disabled);
}

/* @end variables */