.total-views-settings-wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.total-views-settings-left {
    flex: 1 1 0;
    min-width: 300px;
    max-width: 450px;
}
.total-views-settings-right {
    flex: 0 0 auto;
    width: 300px;
    border-left: 1px solid #ddd;
    padding-left: 20px;
}
/* Responsive */
@media (max-width: 768px) {
    .total-views-settings-wrapper {
        flex-direction: column;
    }
    .total-views-settings-right {
        width: 100%;
        border-left: none;
        padding-left: 0;
        margin-top: 20px;
    }
}