.mgCookies {
    position: fixed;
    bottom: -100px;
    left: 0;
    right: 0;
    background-color: #fff;
    color: inherit;
    opacity: 0;
    border-bottom: 1px solid #f0f0f0;
    transition: bottom 1s ease, opacity 1s ease;
    z-index: 1;
    border-top: 1px solid var(--borders);
}

.mgCookies.show {
    bottom: 0;
    opacity: 1;
}

.mgCookies table { width: 100%; }

.mgCookies table td {
    padding: 10px; 
    font-size: 13px; 
    color: var(--gray);
}

.mgCookies table td:first-child a { 
    text-decoration: underline; 
    color: inherit; 
}

.mgCookies table td:last-child { text-align: right; }

.mgCookies section .IAgree { 
    border: 3px solid var(--gold);
    border-radius: 10px;
    color: var(--gold);
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 16px;
    transition: 250ms ease-in-out background-color, 250ms ease-in-out color;
}

.mgCookies a.IAgree:hover { 
    background-color: var(--gold);
    color: #fff;
}