.guests__grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

@media (min-width: 992px) {
    .guests__grid {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
}

.guests__data {
    display: flex;
    gap: 9px;
}

.guests__icon {
    width: 32px;
    height: 32px;
    padding: 8px;
    display: grid;
    place-items: center;
    border-radius: 50%;
}

.guests__icon--light {
    background-color: #e8eeff;
}

.guests__info {
    display: flex;
    flex-direction: column;
}

.guests__actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (min-width: 768px) {
    .guests__actions {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

.guests__btn--success {
    grid-column: 1/2;
}

.guests__btn--alert {
    grid-column: 2/3;
}

.guests__btn--warn {
    grid-column: 3/4;
}

.guests__btn {
    all: unset;
    display: flex;
    padding: 10px 7px;
    border: unset;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: #ffff;
    width: 90%;
}

@media (min-width: 768px) {
    .guests__btn {
        all: unset;
        display: flex;
        padding: 10px 7px;
        border: unset;
        justify-content: space-evenly;
        align-items: center;
        gap: 6px;
        color: #ffff;
        width: 90%;
    }
}

.guests__btn--success {
    background-color: #31cc78;
}

.guests__btn--alert {
    background-color: #ffbb33;
}

.guests__btn--warn {
    background-color: #ff5833;
}

/* UTILITIES */

.d-grid {
    display: grid;
}

.place-center {
    place-items: center;
}