/*--------------------------------------------------------------------------*\
    Text in the button (when there is an icon or image)
\*--------------------------------------------------------------------------*/

.btn__text {
    /*transition*/
    -webkit-transition: margin 0.3s;
    transition: margin 0.3s;

    /*text*/
    text-align: left;
}

/*--------------------------------------------------------------------------*\
        Margin
\*--------------------------------------------------------------------------*/

.btn--icon--right>.btn__text {
    /*box*/
    margin-right: 40px;
}

.btn--icon--center>.btn__text,
.btn--icon--left>.btn__text {
    /*box*/
    margin-left: 20px;
}