.vdp-datepicker .vdp-datepicker__calendar  {

    .cell:not(.blank):not(.disabled).day:hover {
        border-radius: 2px;
        border: 1px solid $purple-400;
    }
    
    .cell.selected, 
    .cell.selected.highlighted, 
    .cell.selected:hover {
        color: $white;
        background: $purple-300;
    }

    .cell.highlighted {
        background: rgba($purple-400, 0.24);
        color: $purple-200;
    }

    .cell.highlighted,
    .cell.selected {
        border-radius: 2px;
        font-weight: bold;
    }

}