/* @group variables */

:where([class*="a-btn"]) {
--link-overflow: hidden;
--link-grid-template-columns: var(--icon-width) 1fr var(--icon-width);
--link-gap: .75rem;
--link-height: 4.5rem;
--link-padding: .375rem 1.5rem;
--link-border-width: 1px;
--link-border-radius: 99rem;
--link-font-size: 1.125rem;
--link-line-height: 1.375;
--link-font-weight: var(--font-weight-bold);
--link-font-variation-font-variation-settings: "wght" var(--font-weight-bold);
--link-direction: rtl;
--icon-width: 1.5rem;
--icon-height: 1.5rem;
--icon-fill: currentColor;

--link-before-content: '';
--link-before-transform: scaleX(1) skew(10deg);
--link-before-transform-origin: left;
--link-before-action-transform: scaleX(0) skew(10deg);
--link-before-action-transform-origin: right;
}

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

:where([class*="a-btn"]) {
--link-padding: .5625rem 1.5rem;
}

}

/* @end variables */

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

/* @group variables */

:is([class*="m-section-footer"]) [class*="a-btn"] {
--link-grid-template-columns: var(--icon-width) 1fr var(--icon-width);
--link-border-color: var(--color-primary);
--link-action-border-color: var(--color-primary);
--link-active-border-color: var(--color-primary);
--link-color: var(--color-white);
--link-action-color: var(--color-primary);
--link-active-color: var(--color-primary-active);
--link-span-grid-column-start: 2;
--icon-width: 1.5rem;
--icon-height: 1.5rem;
--link-before-background-color: var(--color-primary);
}

:is([class*="m-section-footer"]) [class*="a-btn-secondary"] {
--link-background-color: var(--color-white);
--link-border-color: currentColor;
--link-action-border-color: var(--color-primary);
--link-active-border-color: var(--color-primary);
--link-color: var(--color-primary);
--link-action-color: var(--color-white);
--link-active-color: var(--color-white);
--link-font-size: 1rem;
--link-before-content: '';
--link-before-background-color: var(--color-primary);
}

/* @end variables */

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

/* @group variables */

[class*="a-nav-contact"] {
--link-grid-template-columns: 1fr;
--link-height: 3.75rem;
--link-padding: .375rem .75rem;
--link-border-color: var(--color-primary);
--link-action-border-color: var(--color-primary);
--link-active-border-color: var(--color-primary);
--link-border-radius: 99rem;
--link-color: var(--color-white);
--link-action-color: var(--color-primary);
--link-active-color: var(--color-primary-active);
--link-before-background-color: var(--color-primary);
}

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

[class*="a-nav-contact"] {
--link-height: 3rem;
--link-font-size: .875rem;
}

html:not([class*="is-fit-sticky"][class*="is-watch-nav"]) [class*="o-site-root"] [class*="a-nav-contact"] {
--link-border-color: hsla(0, 0%, 100%, 1);
--link-color: var(--color-white);
--link-action-color: var(--color-white);
--link-active-color: var(--color-white);
--link-before-transform: scaleX(0);
--link-before-transform-origin: right;
--link-before-action-transform: scaleX(1);
--link-before-action-transform-origin: left;
}

}

/* @end variables */

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

/* @group variables */

:is([style*="--listing: booking"], [style*="--chapter: link"]) [class*="a-btn"] {
--link-gap: .75rem;
--link-height: auto;
--link-min-height: 3.375rem;
--link-padding: .375rem .75rem;
--link-background-color: var(--color-white);
--link-border-color: currentColor;
--link-action-border-color: var(--color-primary);
--link-active-border-color: var(--color-primary);
--link-color: var(--color-primary);
--link-action-color: var(--color-white);
--link-active-color: var(--color-white);
--link-font-size: 1rem;
--link-before-content: '';
--link-before-background-color: var(--color-primary);
}

[style*="--chapter: link"] [class*="a-btn"] {
--icon-width: 1.125rem;
--icon-height: 1.125rem;
--link-before-transform: scaleX(0);
--link-before-transform-origin: right;
--link-before-action-transform: scaleX(1);
--link-before-action-transform-origin: left;
}

[style*="--listing: booking"] [class*="a-btn"] {
--icon-width: 1.875rem;
--icon-height: 1.875rem;
--link-direction: ltr;
--link-before-transform: scaleX(0);
--link-before-transform-origin: right;
--link-before-action-transform: scaleX(1);
--link-before-action-transform-origin: left;
}

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

:is([style*="--listing: booking"], [style*="--chapter: link"]) [class*="a-btn"] {
--link-padding: .75rem 1.5rem;
}

}

/* @end variables */

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

/* @group @a-btn */

[class*="a-btn"] {
box-sizing: border-box;
position: relative;
overflow: var(--link-overflow);
z-index: 3;
display: grid;
align-items: center;
grid-template-columns: var(--link-grid-template-columns);
gap: var(--link-gap);
min-width: fit-content;
height: var(--link-height);
min-height: var(--link-min-height);
padding: var(--link-padding);
background-color: var(--link-background-color);
border-radius: var(--link-border-radius);
text-align: center;
text-transform: uppercase;
word-break: keep-all;
overflow-wrap: break-word;
cursor: pointer;
direction: var(--link-direction);
transition: var(--transition);
backface-visibility: hidden;
}

[class*="a-btn"]:before {
content: var(--link-before-content);
box-sizing: border-box;
position: absolute;
z-index: -2;
inset: 0;
background-color: var(--link-before-background-color);
transform: var(--link-before-transform);
transform-origin: var(--link-before-transform-origin);
transition: transform .3s ease-in-out;
}

[class*="a-btn"]:hover:before {
transform: var(--link-before-action-transform);
transform-origin: var(--link-before-action-transform-origin);
}

:where([class*="a-btn"]) {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

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

:where([class*="a-btn"])>svg {
}

:where([class*="a-btn"])>span {
grid-column-start: var(--link-span-grid-column-start);
}

[class*="a-btn"] {
border-width: var(--link-border-width);
border-style: solid;
border-color: var(--link-border-color);
}

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

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

/*[class*="a-btn"] {
background-color: var(--link-background-color);
background-image: var(--link-background-image);
background-size: var(--link-background-size);
background-position: var(--link-background-position);
background-repeat: var(--link-background-repeat);
}

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

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

/* @end @a-btn */