.response-btn {
    background-color: rgba(0, 0, 0, 0.1);
    color: #000000;
}

.response-btn.inactive {
    background-color: rgba(0, 0, 0, 0.2);
    color: #000000;
}

.response-btn.active {
    opacity: 1;
    background-color: rgba(var(--main-color), 1);
    color: #FFFFFF;
}

.response-btn.active.filled svg *{
    fill: #FFFFFF;
}

.category-block {
    background-color: rgb(var(--bs-light-rgb));
}

.category-block.category-completed{
    position:relative;
    background-color: rgba(var(--support-color), .05);
}

.category-block.category-completed::after {
    content: "check_circle";
    font-family: 'Material Symbols Rounded', sans-serif !important;
    font-weight: normal;
    font-style: normal;
    font-size: 2rem;
    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
    color:  rgb(var(--support-color));
    position: absolute;
    right: 10px;
    top: 10px;
    display: inline-block;
    vertical-align: middle;
}