input[type="checkbox"] {
    border: 2px solid #343a40;
    width: 20px;
    height: 20px;
    appearance: none;
    cursor: pointer;
}
input[type="checkbox"]:checked {
    border: 2px solid #007bff;
    background-color: #27f606;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
input[type="checkbox"]:hover {
    border-color: #495057;
}