.google_business_hours {
    display: inline-flex;
    justify-content: flex-start;
    align-items: baseline;
    gap: .4em;
    --color: rgb(200, 200, 200);
}


.google_business_hours::before {
    display: block;
    content: '';
    width: .7em;
    flex-shrink: 0;
    aspect-ratio: 1;
    border-radius: 9999px;
    background: var(--color);
}

.google_business_hours.is_open::before {
    --color: rgb(21, 158, 50);
    animation: pulse-green 4s infinite;
}

.google_business_hours.is_closed::before {
    --color: rgb(232, 0, 46);
}


@keyframes pulse-green {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(21, 158, 50, 0.85)
    }

    40% {
        transform: scale(1);
        box-shadow: 0 0 0 6px rgba(21, 158, 50, 0)
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(21, 158, 50, 0)
    }
}


table.openinghours{
    display: block;
    margin:1em 0;
}

table.openinghours tbody tr,
table.openinghours tbody tr td,
table.openinghours tbody tr th{
    padding:.4em 1em;
    background:unset;
    border:unset;
    text-align: left;
    /* border: 1px solid #c8c8c8; */
    text-transform: capitalize;
    font-size:1rem;
    font-weight: normal;
}

table.openinghours tbody tr th{
    padding-right: 2em;
    font-weight: bold;
}

table.openinghours tbody tr:nth-child(odd) td, 
table.openinghours tbody tr:nth-child(odd) th{
    background-color: #f5f5f5;
}