/*
========================================
Gutenberg Buttons
========================================
*/


.wp-block-button__link {

    background-color:
    var(--medipro-primary);

    color:
    #ffffff;

    border-radius:
    var(--radius-md);

    padding:
    14px 28px;

    font-family:
    var(--font-body);

    font-weight:
    600;

    transition:
    all .3s ease;

}


.wp-block-button__link:hover {

    background-color:
    var(--medipro-secondary);

    transform:
    translateY(-2px);

}



/*
Outline Button Style
*/

.is-style-outline
.wp-block-button__link {

    background:
    transparent;

    border:
    2px solid var(--medipro-primary);

    color:
    var(--medipro-primary);

}


.is-style-outline
.wp-block-button__link:hover {

    background:
    var(--medipro-primary);

    color:
    #ffffff;

}