.btn_def {
    border: 1px solid transparent;
    background-color: #303030;
    color: #cccccc;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .btn_def:hover {
        border: 1px solid rgba(128, 128, 128, 0.5);
        background-color: #484848;
        color: #eeeeee;
    }

    .btn_def:focus {
        box-shadow: none;
    }

    .btn_def:disabled {
        cursor: not-allowed;
        border: 1px solid transparent;
        background-color: #303030;
    }

.btn_alt {
    border: 1px solid rgba(128, 128, 128, 0.25);
    background-color: rgba(48, 48, 48, 0.5);
    color: #cccccc;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .btn_alt:hover {
        border: 1px solid rgba(128, 128, 128, 0.75);
        background-color: #484848;
        color: #eeeeee;
    }

    .btn_alt:focus {
        box-shadow: none;
    }

    .btn_alt:disabled {
        cursor: not-allowed;
        border: 1px solid transparent;
        background-color: #303030;
    }


.btn_def_alt {
    background-color: #303030;
    color: #cccccc;
}

    .btn_def_alt:hover {
        background-color: #484848;
        color: #eeeeee;
    }

.btn_trn {
    border: 1px solid transparent;
    background-color: transparent;
    color: #cccccc;
}

    .btn_trn:hover {
        border: 1px solid #1d1d1d;
        background-color: #484848;
        color: #eeeeee;
    }

    .btn_trn:focus {
        box-shadow: none;
    }

.btn_def_green {
    border: 1px solid #303030;
    background-color: #303030;
    color: #0e9f39;
}

    .btn_def_green:hover {
        border: 1px solid #0e9f39;
        background-color: #484848;
        color: #0e9f39;
    }

.btn_def_orangered {
    border: 1px solid #303030;
    background-color: #303030;
    color: #fb4805;
}

    .btn_def_orangered:hover {
        border: 1px solid #fb4805;
        background-color: #484848;
        color: #fb4805;
    }

.btn_def_orange {
    border: 1px solid #303030;
    background-color: #303030;
    color: #ff7f27;
}

    .btn_def_orange:hover {
        border: 1px solid #ff7f27;
        background-color: #484848;
        color: #ff7f27;
    }

.btn_def_yellow {
    border: 1px solid #303030;
    background-color: #303030;
    color: #f2c300;
}

    .btn_def_yellow:hover {
        border: 1px solid #f2c300;
        background-color: #484848;
        color: #f2c300;
    }


.btn_def_blue {
    border: 1px solid #303030;
    background-color: #303030;
    color: #04b4ff;
}

    .btn_def_blue:hover {
        border: 1px solid #04b4ff;
        background-color: #484848;
        color: #04b4ff;
    }


.btn_micro {
    padding: 3px;
    font-size: small;
    border-radius: 3px;
}

    .btn_micro:focus {
        box-shadow: none;
    }