new padding margin CSS for Bricks

style.css

[data-control=spacing][data-type=spacing] {
    height: 100px;
}
[data-control=spacing][data-type=spacing] .handle:before {
    display: none;
}

[data-control=spacing][data-type=spacing] .handle {
    background-color: var(--builder-bg-2);
    height: 30px;
}

[data-control=spacing][data-type=spacing] .handle.top ,
[data-control=spacing][data-type=spacing] .handle.bottom {
    margin: 0 20px;
    left: 18%;
    right: 18%;
}

[data-control=spacing][data-type=spacing] .handle.left,
[data-control=spacing][data-type=spacing] .handle.right {
    width: calc(50% - 30px);
    top: 35px;
    
}

[data-control=spacing][data-type=spacing] [data-control="number"] {
    width: 100%;
}

[data-control=spacing][data-type=spacing] .label {
    position: absolute;
    top: -27px;
}