.mark-as-complete,
.complete {
    transition: background-color 0.3s;
    padding: 10px 20px;
    border: none;
    color: white; /* Цвет текста для обеих кнопок */
    cursor: pointer;
    font-size: 20px; /* Размер шрифта */
    font-weight: bold; /* Жирный шрифт */
}

/* Стиль для кнопки "MARK AS COMPLETE" */
.mark-as-complete {
    background-color: #FFD936; /* Цвет для "MARK AS COMPLETE" */
}

.mark-as-complete:hover {
    background-color: #FFD936; /* Цвет при наведении для "MARK AS COMPLETE" */
}

/* Стиль для кнопки "COMPLETE" */
.complete {
    background-color: #A5C353 !important; /* Зеленый цвет для кнопки "COMPLETE" */
}

.complete:hover {
    background-color: #A5C353; /* Темно-зеленый цвет при наведении для "COMPLETE" */
}