style.css

.wp-block-my-g-block-border-block {
    color: #FFF;
    background: #fcc;
    border-radius: 0.25em;
    padding: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Open Sans', sans-serif;
    font-size: 2em !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.wp-block-my-g-block-border-block.is-style-style1 {
    color: #000;
    background: #ffed4b;
    background: linear-gradient(
            110deg,
            #fdcd3b 60%,
            #ffed4b 60%
    );
}

.wp-block-my-g-block-border-block.is-style-style2 {
    color: #000;
    background: #5ac8fa;
    background: linear-gradient(
            70deg,
            #ff6464 40%,
            #5ac8fa 40%
    );
}

.wp-block-my-g-block-border-block.is-style-style3 {
    background: #dd0000;
    background:
        linear-gradient(
            110deg,
            #a60af3 40%,
            rgba(0, 0, 0, 0) 30%
        ),
        radial-gradient(
            farthest-corner at 0% 0%,
            #7a00cc 70%,
            #c03fff 70%
        );
}

.wp-block-my-g-block-border-block.is-style-style4 {
    color: #000;
    background: #ffc608;
    background:
            linear-gradient(
                    70deg,
                    #fff810  30%,
                    rgba(0,0,0,0) 30%),
            linear-gradient(
                    30deg,
                    #63e89e 60%,
                    #ff7ee3 60%
            );
}

.wp-block-my-g-block-border-block.is-style-style5 {
    color: #000;
    background: repeating-linear-gradient(
            to right,
            #f6ba52,
            #f6ba52 10px,
            #ffd180 10px,
            #ffd180 20px
    );
}

.wp-block-my-g-block-border-block.is-style-style6 {
    background: repeating-radial-gradient(
            circle,
            purple,
            purple 10px,
            #4b026f 10px,
            #4b026f 20px
    );
}

.wp-block-my-g-block-border-block.is-style-style7 {
    background: repeating-linear-gradient(
            -55deg,
            #222,
            #222 10px,
            #333 10px,
            #333 20px
    );
}

.wp-block-my-g-block-border-block.is-style-style8 {
    color: #FFF;
    background-color: #ff9095;
    background-position: 7px 10px;
    background-image: url('data:image/svg+xml,%3Csvg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8 16c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zm33.414-6l5.95-5.95L45.95.636 40 6.586 34.05.636 32.636 2.05 38.586 8l-5.95 5.95 1.414 1.414L40 9.414l5.95 5.95 1.414-1.414L41.414 8zM40 48c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm0-2c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6zM9.414 40l5.95-5.95-1.414-1.414L8 38.586l-5.95-5.95L.636 34.05 6.586 40l-5.95 5.95 1.414 1.414L8 41.414l5.95 5.95 1.414-1.414L9.414 40z" fill="white" fill-opacity="1" fill-rule="evenodd"/%3E%3C/svg%3E');
}