#siq-code {
    border-radius: 8px; 
    padding: 10px 16px;
}

.codeblock{
    color: #fff;
    background: #3f4255;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 7%);
    border-radius: 8px;
    overflow-x: auto;
    overflow-y: auto;
    position: relative;
    height: auto;
    animation: all .5s ease;
    padding: 10px;
}

#siq-code-area {
    border-radius: 8px;
    color: #fff;
    background: #292c3a;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 7%);
    position: relative;
}

.copy_button {
    position: absolute;
    width: 10px;
    height: 12px;
    right: 11px;
    top: 9px;
    padding: 5px;
    cursor: pointer;
    background: url(/sites/zweb/images/commonroot/product-api-sprite.png);
    background-position: -40px 0px;
    background-size: 80px;
    border: none !important;
}
.siqimg {
                border: 1px solid #ccc !important;
                image-rendering: -webkit-optimize-contrast;
            }
.download-button {
            background-color: #4CAF50; /* Green color */
            color: white;
            font-size: 16px;
            padding: 12px 28px;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

.download-button:hover {
            background-color: #45a049; /* Darker green on hover */
        }