.wdk-chip {
    border-radius: 40px;
    padding: 3px 10px 4px 10px; 
    font-size: 10px; 
    font-weight: 500; 
    line-height: 1;
    background-color: var(--primary); 
    color: var(--secondary); 
    line-height: 1;
}

input ~ .wdk-chip {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

input:checked ~ .wdk-chip {
    background-color: var(--grey-02);
    color: var(--primary);
    border-color: var(--primary);
}

input:checked ~ .wdk-chip:after { opacity: 1; }

.wdk-chip .small {
    font-size: 10px;  
    padding: 1px; 
    height: 20px;  
    width: 20px;   
}

.wdk-chip .large {
    font-size: 16px; 
    font-weight: 600; 
    padding: 0px 10px 1px 10px; 
}