/* @group variables */

[class*="a-btn-heading"] {
--padding: 0 .75rem;

--link-color: var(--color-white);
--link-action-color: var(--color-white);
--link-active-color: var(--color-white);

--link-font-size: .625rem;
--link-line-height: 1.2;

--link-font-weight: 500;
--link-font-variation-settings: "wght" 500;
}

[class*="o-mutual-nav"] [class*="a-btn-heading"] {
--padding: 1.125rem .75rem;

}

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

[class*="a-btn-heading"] {
--link-font-size: .75rem;
--link-line-height: 1.2;
}

}

/* @end variables */

/* @group @a-btn-heading */

[class*="a-btn-heading"] {
box-sizing: border-box;
display: grid;
justify-content: center;
align-items: center;
min-width: fit-content;
height: 100%;
padding: var(--padding);
background-color: var(--color-link);
border-radius: 99rem;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
transition: var(--transition);
}

[class*="a-btn-heading"],
[class*="a-btn-heading"]:hover,
[class*="a-btn-heading"]:focus,
[class*="a-btn-heading"]:active {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

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

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

/* @end @a-btn-heading */