.add-cart-popup {
    color: white;
    background-color: #307090;
}

    .add-cart-popup > p.message {
        margin: 0;
        padding: 0.5em;
        font-size: 70%;
    }

.ql-button {
    width: 36px;
    height: 36px;
    padding: 0;
    font-size: 1.5em;
    color: #DDD;
}

    .ql-button:hover,
    .ql-button:focus,
    .ql-button:active {
        color: #DDD;
    }

    .ql-button:focus {
        outline-color: inherit;
    }

    .ql-button:active {
        border-color: inherit;
    }

.ql-btn-bg, .ql-btn-bg:hover, .ql-btn-bg:focus,
.ql-btn-bg:active {
    background: #829db6; /* Old browsers */
    background: -moz-linear-gradient(top, #829db6 0%, #2b3a4a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #829db6 0%,#2b3a4a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #829db6 0%,#2b3a4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#829db6', endColorstr='#2b3a4a',GradientType=0 ); /* IE6-9 */
}

/* Corner radius */
.ql-corner-all {
    border-top-left-radius: 5px;
}

.ql-corner-all {
    border-top-right-radius: 5px;
}

.ql-corner-all {
    border-bottom-left-radius: 5px;
}

.ql-corner-all {
    border-bottom-right-radius: 5px;
}