/*
 * CONFIVATE motion foundation.
 *
 * Motion communicates state and hierarchy.
 * It must never be required to understand the UI.
 */


@keyframes confivate-fade-in {
    from {
        opacity: 0;
        transform: translateY(0.4rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


[data-reveal] {
    animation:
        confivate-fade-in
        320ms ease
        both;
}


.next-best-action__button:hover {
    transform:
        translateY(-1px);
}


@media (prefers-reduced-motion: reduce) {

    [data-reveal] {
        animation:
            none;
    }


    .next-best-action__button:hover {
        transform:
            none;
    }

}