:root {
    --footer-Height : 5rem;
    --footer-Width : 28rem;
}

.bcg-footer{
    display:flex;
    flex-direction: column;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    width:var(--footer-Width);
    white-space: nowrap;
    margin:0 auto;
    font-size: 80%;
    background-color: var(--wp--preset--color--primary);
    border-radius: 1rem 1rem 0 0;
    position:fixed;
    bottom:0;
    left:50%;
    margin-left:calc(var(--footer-Width)*-0.5);
    height:var(--footer-Height);
}

.wp-site-blocks > main {
    padding-bottom:calc(var(--footer-Height) + 0.5rem)
}

.bcg-footer nav{
    width:100%;
    padding-bottom: 0.5em;
}

.footer-links a{
    text-decoration: none;
}

.footer-links {
    list-style: none;
    display:flex;
    gap:1rem;
    margin:0;
    padding:0;
    justify-content: space-evenly;
}

.bcg-footer span{
    display:inline-flex;
    align-items:center;
    flex-wrap:nowrap
}

@media only screen and (max-width:40rem){
    .footer-links{display:none}
    .bcg-footer{width:100%;position:static;margin-left:0;height:auto}
    .wp-site-blocks > main {padding-bottom:0};
}