.guide, .event {
    color: white;
    border: 1px solid;
    border-radius: 5px;
    text-align: center;
    display: block;
    text-decoration: none;
    background-color: #aaa;
}

.events-status .guide {
    font-size: 14px;
    padding: 2px 5px;
}


.event-status span {
    display: inline-block;
    width: fit-content;
    padding: 2px 5px;
    font-size: 12px;
}

.vacant {
    background-color: var(--vacant-color);
}
.vacant:hover {
    background-color: #00cc99c9;
}
.few_remains {
    background-color: #FFCC33;
}
.few_remains:hover {
    background-color: #ffcc33c5;
}
.waiting_list {
    background-color: #FF367F;
}
.waiting_list:hover {
    background-color: #ff3680c5;
}
.not_reservation {
    background-color: #87CEEB;
}
.reserved {
    background-color: #007bff;
}
.reserved_waiting_list {
    background-color: #DE5021;
}