.btn-style {
    border-radius: var(--raduis-lg) !important;
    box-shadow: none !important;
}

/* Filled */

.btn-style.tertiary-filled {
    color: rgb(var(--primary-color)) !important;
    background-color: rgba(var(--primary-color), .15);
}

.btn-style.tertiary-filled:hover {
    color: rgb(var(--primary-color)) !important;
    background-color: rgba(var(--primary-color), .3);
}

/* Outlined */




.btn-style.mud-icon-button:hover,
.mud-icon-button:hover {
    background-color: transparent !important;
    opacity: .5;
}

.mud-button .mud-progress-circular {
    height: 20px !important;
    width: 20px !important;
    margin-right: .5rem !important;
    color: rgb(var(--primary-color)) !important;
}

.btn-group {
    border: 1px solid rgba(var(--black-color), .1) !important;
    border-radius: .75rem;
    background-color: rgb(var(--white-color));
}

.btn-group .mud-icon-button::after {
    content: "";
    position: absolute;
    height: 60%;
    width: 1px;
    background-color: rgba(var(--black-color), .1);
    right: 0;
    top: 20%;
}

.btn-group .mud-icon-button:last-child:after {
    display: none;
}

.mud-button {
    text-transform: none !important;
}


/*原先的*/
.mud-button {
    min-width: 90px !important;
    text-transform: none !important;
}

.mud-button-filled-size-large,
.mud-button-text-size-large {
    padding: 8px 16px !important;
}

.tertiary-filled {
    color: rgb(var(--primary-color)) !important;
    background-color: rgba(var(--primary-color), .15) !important;
}

    .tertiary-filled:hover {
        color: rgb(var(--primary-color)) !important;
        background-color: rgba(var(--primary-color), .3) !important;
    }