.gcm-calendar-date div {
    width: 150px;

    @media (min-width: 1200px) { width: 30px; }
}
.communal_services_content .cal-main-com-tooltip { text-decoration: none !important; cursor: pointer; }
.communal_services_content .cal-main-com-tooltip:hover .gcm-communal-name { text-decoration: underline !important; background-color: transparent; text-decoration-thickness: 0.13em !important; }

.calendar .cal-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.calendar .gcm-calendar__icon {
    fill: currentColor;
    height: 1.25rem;
    padding: 0 10px;
}

.calendar .gcm-calendar-button {
    display: inline-flex;
    align-items: center;
    padding: 0;
    margin: 0;
    font: inherit;
    line-height: 1;
    color: inherit;
    border: 0;
    background: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}