client/src/components/ChatFooter/ChatFooter.css

.chat_footer{
    display:flex;
    flex-direction: row;
    align-items: center;
    gap:1em;
    padding:1em 2em;
    background-color: var(--SECONDARY-COLOR);
    height:70px;
    border-top:2px solid var(--BORDER-COLOR);
}

.send_options{
    display: flex;
    align-items: center;
    gap:0.7em;
    height:100%;
    /* width:100%; */
}
.send_options_btn{
    height:2em;
    aspect-ratio: 1;
    color: rgb(140, 139, 139);;
}

.text_box{
    height:100%;
    min-width:20px;
    flex-grow:1;
    border:1px solid var(--BORDER-COLOR);
    border-radius: 5px;

    padding:1em;
    font-weight:500;
    
}
.text_box::placeholder{
    text-align: center;
}

.send_icon{
    height:2.2em;
    aspect-ratio: 1;
    color:white;
    background-color: var(--PRIMARY-COLOR);
    border-radius: 50%;
    padding:6px;
}