.btn\-info, .btn\-success, .btn\-warning, .btn\-primary, .btn\-error {
    padding: 4px 12px;
    border-radius: 6px;
    transition: all .3s;
}
:where(.btn\-info, .btn\-success, .btn\-warning, .btn\-primary, .btn\-error):hover{
    transform: scale(1.03);
}
:where(.btn\-info, .btn\-success, .btn\-warning, .btn\-primary, .btn\-error):active{
    transform: scale(.9);
}
.btn\-warning {
    background-color: rgb(255, 160, 0);
    color: white;
}
.btn\-success {
    background-color: rgb(16, 194, 30);
    color: white;
}
.btn\-primary {
    background-color: rgb(28, 119, 255);
    color: white;
}
.btn\-info {
    background-color: rgb(213, 28, 195);
    color: white;
}
.btn\-error {
    background-color: rgb(236, 30, 30);
    color: white;
}

.label\-info, .label\-success, .label\-warning, .label\-primary, .label\-error {
    padding: 2px 6px;
    border-radius: 8px;
}
.label\-warning {
    background-color: rgb(255, 160, 0);
    color: white;
}
.label\-success {
    background-color: rgb(16, 194, 30);
    color: white;
}
.label\-primary {
    background-color: rgb(28, 119, 255);
    color: white;
}
.label\-info {
    background-color: rgb(213, 28, 195);
    color: white;
}
.label\-error {
    background-color: rgb(236, 30, 30);
    color: white;
}