.badge.badge-phoenix.badge-phoenix-purple {
    background-color: #facaff;
    color: #b11dc0;
    border: 1px solid #b11dc0;
}

.btn-phoenix-purple {
    --phoenix-btn-color: #b11dc0;
    --phoenix-btn-bg: #f5f7fa;
    --phoenix-btn-border-color: #e3e6ed;
    --phoenix-btn-hover-color: #d023e3;
    --phoenix-btn-hover-bg: #e3e6ed;
    --phoenix-btn-hover-border-color: #e6e9ef;
    --phoenix-btn-focus-shadow-rgb: 201, 213, 240;
    --phoenix-btn-active-color: #b11dc0;
    --phoenix-btn-active-bg: #e3e6ed;
    --phoenix-btn-active-border-color: #e6e9ef;
    --phoenix-btn-active-shadow: initial;
    --phoenix-btn-disabled-color: #000000;
    --phoenix-btn-disabled-bg: #f5f7fa;
    --phoenix-btn-disabled-border-color: #e3e6ed;
}

.text-purple {
    color: #b11dc0;
}