/* ============================================================
   Animaker common cookie / GDPR banner styles
   Extracted from animaker.html inline <style> (unchanged rules).
   ============================================================ */

.cookie_section {
            bottom: 20px;
            position: fixed;
            width: 68%;
            text-align: center;
            z-index: 99999;
            margin: 0 19%;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            background: #fff 0 0 no-repeat padding-box;
            box-shadow: 0 6px 15px #00000029;
            border-radius: 12px
        }

.cookie_section .cookie_text {
            margin: 0;
            color: #aca9a9;
            font-family: Inter, sans-serif;
            font-size: 18px;
            padding: 18px;
            text-align: center;
            border-radius: 5px;
            margin: 0 auto;
            color: #000;
            font: normal normal normal 16px/26px Inter;
            line-height: 37px
        }

.cookie_section .cookie_text .accept_button {
            cursor: pointer;
            padding: 0 30px 0 30px;
            border-radius: 15px;
            color: #fff;
            background: linear-gradient(111deg, #f96 0, #ff5e62 100%);
            box-shadow: 0 3px 6px #00000029;
            border-radius: 63px;
            font-weight: 700;
            font-family: Inter, sans-serif;
            position: relative;
            display: inline-block
        }

.cookie_section .cookie_text .accept_button:hover {
            box-shadow: 0 4px 8px 0 rgba(147, 162, 177, .25)
        }

.cookie_section .cookie_text .accept_button:hover .grad-shadow-bg {
            display: block;
            content: "";
            width: 90px;
            height: 35px;
            background: linear-gradient(111deg, #f96 0, #ff5e62 100%);
            filter: blur(25px);
            -webkit-filter: blur(14px);
            position: absolute;
            z-index: -1;
            top: 0;
            right: 0
        }

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
.cookie_section .cookie_text .accept_button {
                display: inline !important;
                padding: 5px 15px !important
            }
}

@media only screen and (max-width:992px) {
.cookie_section {
                width: 94%;
                margin: 0 3%
            }
.cookie_section .cookie_text .accept_button {
                margin: auto;
                display: block;
                width: 30%;
                margin-top: 14px
            }
}

@media only screen and (max-width:767px) {
.cookie_section {
                width: 96%;
                margin: 0 auto;
                left: 2%;
                bottom: 1%
            }
.cookie_section .cookie_text {
                margin: 0;
                color: #000;
                font-family: Inter, sans-serif;
                font-size: 15px;
                padding: 12px 8px;
                text-align: center;
                border-radius: 5px;
                margin: 0 auto;
                line-height: 21px
            }
.cookie_section .cookie_text .accept_button {
                cursor: pointer;
                padding: 2px 18px 2px 18px;
                border-radius: 15px;
                color: #fff;
                background: transparent linear-gradient(75deg, #f50 0, #ffda60 100%) 0 0 no-repeat padding-box;
                display: block;
                width: 100px;
                margin: auto;
                margin-top: 11px
            }
}

@media only screen and (max-width:767px) {
.cookie_section .cookie_text .accept_button {
                width: fit-content !important
            }
}