/* common.cssが大きくなり過ぎのためheader.cssを切り出す */

li#date-now {
    text-align: center;
}

#header-event-info {
    border: 2px solid #919191;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}

#header-cancel-event-button {
    --padding: 20px;

    /* width: 225px; */
    background-color: var(--color-alert);
    border-radius: 5px;
    color: white;
    border: red solid 1px;
    font-weight: bold;
    padding-left: var(--padding);
    padding-right: var(--padding);
}

#header-cancel-event-button:hover {
    opacity: 0.7;
}