#cookie {
    border: var(--t-border-width-1) solid #f4f4f4;
    border-radius: var(--t-radius-md);
    box-shadow: var(--t-shadow-cookie);
    background: var(--t-color-white);
    width: var(--t-cookie-width);
    font-family: var(--t-font-base);
    position: fixed;
    bottom: 50px;
    left: 40px;
    padding: var(--t-space-5) 26px;
    z-index: var(--t-z-cookie);

}
#cookie .title {
        font-weight: var(--t-weight-bold);
        font-size: var(--t-text-lg);
        line-height: 22px;
        margin: 0 0 12px 0;
    }
#cookie .description {
        font-size: var(--t-text-xs);
        line-height: 22px;
        font-weight: var(--t-weight-regular);
    }
#cookie .description p {
        margin-bottom: var(--t-space-3);
    }
#cookie .description a {
        color: var(--t-color-red);
    }
#cookie .description a:hover {
        text-decoration: underline;
    }
#cookie .consent a{
        width: 100%;
        text-align: center;
        border-radius: var(--t-radius-xs);
        padding: 8px 0;
        align-content: center;
        font-size: var(--t-text-sm);
        transition: var(--t-duration-md);
        font-weight: var(--t-weight-medium);
    }
#cookie .consent a:hover {
        opacity: 0.8;
        transition: var(--t-duration-md);
    }
#cookie #refuse {
        border: var(--t-border-width-2) var(--t-color-red) solid;
        color: var(--t-color-red);
        margin-right: var(--t-space-3);
    }
#cookie #accept {
        background-color: var(--t-color-red);
        color: var(--t-color-white);
    }
@media (max-width: 720px) {
    #cookie {

        bottom: 30px;
        transform: translateX(-50%);
        left: 50%;
        width: calc(100% - 30px);

}

    }