/* Acá van los estilos */
.cmp-cookies {
    background-color: #3D3D3D80;
    position: fixed;
    inset: 0;
    z-index: 20000;
    display: none;

    .cookies-component {
        font-family: Epm-Rounded;
        background-color: #ffffff;
        border-radius: 30px;
        padding: 30px;
        position: fixed;
        min-height: 164px;
        bottom: 2rem;
        left: 50%;
        transform: translateX(-50%);
        max-width: 95rem;
        width: 90%;
        display: flex;
        gap: 24px;
        /* MEDIA QUERY para que se ponga uno debajo del otro */
        @media (max-width: 768px) {
            /* grid-template-columns: 1fr; */
            flex-wrap: wrap;
            width: 80%;
        }
        .cookies-text {
            margin-bottom: 12px;
            text-wrap: balanced;
            /* color: #707070; */
            font-size: 1rem;
        }

        .cookies-buttons {
            margin: auto;

             button {
                cursor: pointer;
                text-align: center;
                min-width: 184px;
                padding: 8px 20px;
                border-radius: 20px;
            }
            .button-accept{
                border: 2px solid #36A21D;
                background-color: #36A21D;
                color: #ffffff;
                &:hover {
                    background-color: #fff;
                    color: #36A21D;
                }
                &.secondary{
                    border: 2px solid #36A21D;
                    background-color: #ffffff;
                    color: #36A21D;
                    &:hover {
                        background-color: #36A21D;
                        color: #ffffff;
                    }
                }
            } 
        }
    }
}

.cmp-cookies.show {
    display: block;
}