:root {
    --topbar-height: 32px;
}
#topbar {
    height: var(--topbar-height);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 12px;
    z-index: 1010;
}
#topbar-cta {
     color: #ffffff;
     text-decoration: underline;
     margin-left: 8px;          
}
@media screen and (min-width: 576px) {
    #topbar {
        font-size: 14px;
        line-height: 14px;
    }
    #topbar-cta {
        display: inline-block;
        margin-left: 8px; 
        padding: 4px 6px; 
        border-radius: 3px; 
        text-decoration: none;
        color: #815fe0; 
        background-color: #ffffff
    }
}