.button {
width: fit-content;
} .button__link {
display: flex;
align-items: center;
gap: var(--aurore-spacing-md);
padding: var(--aurore-spacing-md) var(--aurore-spacing-lg);
border-radius: 20px 0 0 20px;
background: var(--e-global-color-primary);
color: var(--e-global-color-accent);
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
border: 1px solid transparent;
} .button__link:hover {
background: var(--e-global-color-accent);
color: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
} .button__link.aurore-alt {
background: var(--e-global-color-accent);
color: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
}
.button__link.aurore-alt:hover {
background: var(--e-global-color-primary);
color: var(--e-global-color-accent);
border-color: transparent;
} .button__icon {
font-size: inherit;
}