.eventDay {
    color: var(--color-neutral-300)
}

.eventDay a {
    display: inline-block;
    font-weight: 500;
    line-height: 1;
}

.eventDay a:hover {
    opacity: .5;
}

.eventDay .itemCount {
    color: #fff;
    display: grid;
    place-items: center;
    position: relative;
    width: 1.25em;
    height: 1.25em;
    z-index: 2;
}

.eventDay .itemType1 .itemCount {
    color: var(--color-orange-700);
}

.eventDay .itemType2 .itemCount {
    color: var(--color-blue-700);
}

.eventDay .itemCount::after {
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    content: "";
    width: 1.25em;
    height: 1.25em;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.eventDay .itemType1 .itemCount::after {
    border-color: var(--color-orange-700);
}

.eventDay .itemType2 .itemCount::after {
    border-color: var(--color-blue-700);
}