.appointment-left__pills-container{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 1rem;
    
    @media (width > 670px) {
        flex-wrap: wrap;
        flex-direction: row;
    }
}

.appointment-left__pills-header{
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.appointment-pill{
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    padding: 11px 16px;
    flex: 1;
}

.appointment-pill--gray{
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.appointment-pill--red{
    background: rgba(139, 26, 43, 0.25);
    border: 1px solid rgba(139, 26, 43, 0.45);
}

.appointment-pill__title{
    font-size: .6rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.3);
    margin-bottom: 2px;
}

.appointment-pill__paragraph{
    font-family: contrast;
    font-size: clamp(.6rem, 2vw, 1rem);
    font-weight: 700;
    color: #fff;
}