.check input {
    display: none;
}

.check {
    display: inline-block;
    cursor: pointer;
}

.check-box {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    transform: translateY(4px);
}

.check-fill {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('../img/checked.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70% 70%;
}

.check input:checked + .check-box {
    border-color: var(--theme-color);
}

.check input:checked + .check-box .check-fill {
    background-color: var(--theme-color);
}