.axeweb-block {
    --responsive_ratio: 0.55;
}

@media (min-width: 992px) {
    .axeweb-block {
        --responsive_ratio: 0.75;
    }
}

@media (min-width: 1024px) {
    .axeweb-block {
        --responsive_ratio: 1;
    }
}

.axeweb-block.has-padding-top {
    padding-block-start: calc(var(--padding--block--start) * var(--responsive_ratio));
}

.axeweb-block.has-padding-bottom {
    padding-block-end: calc(var(--padding--block--end) * var(--responsive_ratio));
}

.axeweb-block.has-margin-top {
    margin-block-start: calc(var(--margin--block--start) * var(--responsive_ratio));
}

.axeweb-block.has-margin-bottom {
    margin-block-end: calc(var(--margin--block--end) * var(--responsive_ratio));
}

.axeweb-block.has-background {
    background-color: var(--background-color);
}

.axeweb-block.has-text-color {
    color: var(--text-color);
}