/**
 * This element is using CSS from the following:
 *
 * - opengemeenten_footer/General/Element/OpenGemeentenFooter-Element.css
 * - opengemeenten_linkhandling/Partials/Button/OpenGemeentenLinkHandling-Button.css
 *
 * Variables can be set there globally or override them here!
 */

.footer-button .button {
    --font-size: var(--root-font-size); /* Reset, use REM */
    /*--background-color: var(--root-color--primary);*/
    /*--color: var(--root-color--white);*/
    /*--border-top-color: var(--root-color--primary);*/
    /*--border-right-color: var(--root-color--primary);*/
    /*--border-bottom-color: var(--root-color--primary);*/
    /*--border-left-color: var(--root-color--primary);*/
}

.footer-button .button:active,
.footer-button .button:focus,
.footer-button .button:hover {
    /*--background-color: var(--root-color--primary-dark);*/
    /*--border-top-color: var(--root-color--primary-dark);*/
    /*--border-right-color: var(--root-color--primary-dark);*/
    /*--border-bottom-color: var(--root-color--primary-dark);*/
    /*--border-left-color: var(--root-color--primary-dark);*/
}

.footer-button {
    margin-top: 2rem;
}

.footer-button .button {
    margin: 0;
}

.footer-button {
    font-size: var(--font-size, 1rem);
}