.bm-block-button .bm-block-button-inner {
    display: inline-block;
    text-decoration: none;
}

.bm-block-button.align-center {text-align: center;}
.bm-block-button.align-right {text-align: right;}

.bm-block-button.type-button .bm-block-button-inner {
    border-radius: 5px;
    line-height: 50px;
    padding: 0 20px;
    font-weight: bold;
    transition: background .2s ease;
}

.bm-block-button.type-button.color-blue .bm-block-button-inner {
    background-color: #0000fe;
    color: #fff;
}

.bm-block-button.type-button.color-blue .bm-block-button-inner:hover {background-color: #0000b8;}

.bm-block-button.type-button.color-yellow .bm-block-button-inner {
    background-color: #fffe01;
    color: #fff;
}

.bm-block-button.type-button.color-yellow .bm-block-button-inner:hover {background-color: #c3c200;}

.bm-block-button.type-text .bm-block-button-inner {
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    transition: color .2s ease;
}

.bm-block-button.type-text .bm-block-button-inner svg {
    margin-left: 10px;
}

.bm-block-button.type-text.color-blue .bm-block-button-inner {color: #0000fe;}
.bm-block-button.type-text.color-blue .bm-block-button-inner:hover {color: #0000b8;}
.bm-block-button.type-text.color-yellow .bm-block-button-inner {color: #fffe01;}
.bm-block-button.type-text.color-yellow .bm-block-button-inner:hover {color: #c3c200;}

@media screen and (max-width: 1600px) {
    .bm-block-button.type-button .bm-block-button-inner {
        line-height: 42px;
        padding: 0 17px;
    }

    .bm-block-button.type-text .bm-block-button-inner {
        font-size: 17px;
    }

    .bm-block-button.type-text .bm-block-button-inner svg {
        margin-left: 8px;
    }
}

@media screen and (max-width: 1400px) {
    .bm-block-button.type-button .bm-block-button-inner {
        line-height: 39px;
        padding: 0 15px;
    }

    .bm-block-button.type-text .bm-block-button-inner {
        font-size: 16px;
    }

    .bm-block-button.type-text .bm-block-button-inner svg {
        margin-left: 7px;
    }
}

@media screen and (max-width: 767px) {
    .bm-block-button.responsive-alignment-left {text-align: left;}
    .bm-block-button.responsive-alignment-center {text-align: center;}
    .bm-block-button.responsive-alignment-right {text-align: right;}
}