.ms-badge {
    display: inline-block;
    padding: 0.35em 0.75em;
    margin: 0 0.25em;
    border: 1px solid var(--byno-var-main-color);
    color: var(--byno-var-main-color);
    font-weight: 600;
    text-decoration: none;
    border-radius: 0.5em;
    background-color: #fff5f5;
    box-shadow: 0 0 6px rgb(157 47 211 / 20%);
    transition: all 0.2s ease;
}

.ms-badge a {
    text-decoration: none !important;
    color: var(--byno-var-main-color) !important;
}

.ms-badge:hover {
    background-color: var(--byno-var-main-color);
    color: #fff;
    box-shadow: 0 0 8px rgb(144 47 211 / 40%);
}

.ms-badge:hover a {
    text-decoration: none !important;
    color: #fff !important;
}