/* Button hover animation */
body.hasHover .buttonPrimary::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--colorSecondary);
    z-index: 0;
    transition: all 0.3s ease-in-out;
    transform: scaleX(0);
    transform-origin: left;
    transition-timing-function: cubic-bezier(.86, .03, .21, .92);
}

body.hasHover .buttonPrimary>div {
    position: relative;
    z-index: 0;
}

body.hasHover .buttonPrimary:hover::before {
    transform: scaleX(1);
}

:root {
    --hoverOutline: 0 0 0 3px inset var(--colorSecondary);
}

/* Smartphones all */
@media (max-width: 767px) {
    .topRightButtonsContainer {
        display: none !important;
    }
}