/* Trix Custom Color Buttons */
.Trix-button-color-red,
.Trix-button-color-blue,
.Trix-button-color-green {
    width: auto !important;
    padding: 0 0.5rem !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-indent: 0 !important;
    background: none !important;
    border: 1px solid #e5e7eb !important;
    margin-right: -1px !important;
}

.Trix-button-color-red {
    color: #ef4444 !important; /* tailwind-red-500 */
}
.Trix-button-color-red.trix-active {
    background-color: #fee2e2 !important; /* tailwind-red-100 */
    border-color: #fca5a5 !important;
    z-index: 1;
}

.Trix-button-color-blue {
    color: #3b82f6 !important; /* tailwind-blue-500 */
}
.Trix-button-color-blue.trix-active {
    background-color: #dbeafe !important; /* tailwind-blue-100 */
    border-color: #93c5fd !important;
    z-index: 1;
}

.Trix-button-color-green {
    color: #10b981 !important; /* tailwind-green-500 */
}
.Trix-button-color-green.trix-active {
    background-color: #d1fae5 !important; /* tailwind-green-100 */
    border-color: #6ee7b7 !important;
    z-index: 1;
}