/* Common layout 同時作用於public-layout private-layout public-modal-layout 控管全域共通元素，例如 */
body{
    font-family: roboto;
}

.icon-wrapper {
    display: inline-flex;           /* 讓內容置中 */
    align-items: center;
    justify-content: center;
    width: 30px;                    /* 固定寬高，才能形成正圓 */
    height: 30px;
    border-radius: 50%;
    transition: background-color 0.3s;
    cursor: pointer;
}

.icon-wrapper:hover {
    background-color: var(--bs-gray-500);
}

body .btn-success {
    color: #fff;
}

body .btn-danger {
    color: #fff;
}

body .text-bg-danger {
    color: #fff !important;
}

body .text-bg-success {
    color: #fff !important;
}