.shows-widget {
    display: grid;
    align-items: center;
    grid-template-columns: 8rem 1fr;
    gap: 1rem;
}

.shows-widget img {
    border-radius: 50%;
}

.shows-widget .time {
    font-size: 1.6rem;
}

.shows-widget .time>strong {
    text-transform: uppercase;
}

.shows-widget .title {
    font-size: 1.8rem;
    font-weight: 900;
    text-transform: uppercase;
    transition: all 0.2s ease-in;
}

.shows-widget .title:hover {
    color: var(--bricks-color-fdrevb);
}

@media (max-width: 766px) {
    .shows-widget {
        grid-template-columns: 5rem 1fr;
    }
}