.event-metadata {
    margin-top: 1.5rem;
    font-size: 0.95rem;
    color: inherit;

    display: flex;
    flex-wrap: wrap;
    /* allows wrap on small screens */
    gap: 1rem 2rem;
    /* row gap / column gap */
}

.event-metadata>* {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.event-metadata b {
    font-weight: 600;
    white-space: nowrap;
}

.center {
    text-align: center;
}


/* Button base */
.pub-btn {
    display: inline-block;
    padding: 0.38rem 0.72rem;
    border-radius: 0.55rem;
    font-size: 0.9rem;
    font-weight: 650;
    line-height: 1.2;
    text-decoration: none !important;
    color: white !important;
}

.pub-btn:hover {
    opacity: 0.92;
    text-decoration: none !important;
}

/* Colors */
.pub-btn-green {
    background: #3d8b40;
}

.pub-btn-green-light {
    background: #4caf50;
}

.pub-btn-red {
    background: #c50c0c;
}

.pub-btn-blue {
    background: #3b82f6;
}

.pub-btn-purple {
    background: #6f42c1;
}

.pub-btn-yellow {
    background: #e0a800;
    color: #fff !important;
}


.row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    /* optional but nice */
}

.col-md {
    flex: 1 1 100%;
    min-width: 0;
}

/* columns side-by-side on medium+ screens */
@media (min-width: 768px) {
    .col-md {
        flex: 1 1 0;
    }
}