/*--------------------------------------------------------------------------*\
    Icon in the button
\*--------------------------------------------------------------------------*/

.btn__icon {
    /*box*/
    height: 20px;
    width: 20px;

    /*transition*/
    -webkit-transition: margin 0.3s, -webkit-transform 0.3s;
    transition: margin 0.3s, transform 0.3s;
}

/*--------------------------------------------------------------------------*\
        Size
\*--------------------------------------------------------------------------*/

.btn--tn .btn__icon {
    /*box*/
    height: 15px;
    width: 15px;
}

.btn--sm .btn__icon {
    /*box*/
    height: 15px;
    width: 15px;
}

.btn--md .btn__icon {
    /*box*/
    height: 20px;
    width: 20px;
}

.btn--lg .btn__icon {
    /*box*/
    height: 30px;
    width: 30px;
}