/* --- Иконки --- */
.category-icon-1 {
    /* Размер иконки */
    font-size: 2.5rem;
    /* Цвет иконки */
    color: var(--color-white) !important;
    /* Отступ снизу */
    margin-bottom: 1rem;
    /* Тень для читаемости */
    text-shadow: 1px 1px 2px hsla(0, 100%, 50%, 0.364) !important;
}

/* --- Текст --- */
.category-text-ti {
    /* Текст большими буквами */
    text-transform: uppercase !important;
    /* Заголовок категории */
    font-size: 2.2rem !important;
    /* Жирное начертание для акцента */
    font-weight: 900 !important;
    /* Цвет шрифта белый */
    color: var(--color-white) !important;
    /* Тень для читаемости */
    text-shadow: 1px 1px 3px rgba(61, 2, 2, 0.374) !important;
}

/* Описание */
.category-text-op {
    /* Цвет шрифта белый */
    color: var(--color-white) !important;
    /* Тень для читаемости */
    text-shadow: 2px 2px 3px rgba(183, 219, 4, 0.214) !important;
}

/* --- Кнопки --- */
.category-btn {
    /* Цвет кнопки */
    color: var(--color-white) !important;
    /* Тень для читаемости */
    text-shadow: 0px 0px 1px rgba(233, 10, 10, 0.214) !important;
    /* Цвет кнопки */
    background-color: var(--color-primary) !important;
    /* Цвет кнопки */
    border-color: var(--color-primary) !important;
}

.category-btn:hover {
    /* Цвет кнопки */
    color: var(--color-black) !important;
    /* Тень для читаемости */
    text-shadow: 0px 0px 1px rgba(233, 10, 10, 0.214) !important;
    /* Цвет кнопки */
    background-color: var(--color-white) !important;
    /* Цвет кнопки */
    border-color: var(--border-color) !important;
}