@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css");

:root {
    --primary: #4A4A4A; /*#191970*/
    --secondary: #0088CC;
    --tertiary: #FFFFFF;
    --quaternary: #25D366; /*#00FFFF*/
    --quintary: #E5E5E5;

}

:root {
    --font-primary: sans-serif;

    --font-texto: Nunito, sans-serif;
    --font-titulo: Asap, sans-serif;
    --font-destaque: Yellowtail, serif;
} 


.funcional {
    display: flex;
    justify-content: end;
    bottom: 0;
    
}



.funcional i{
    font-size: 2rem;
    color: var(--tertiary);
    padding: 3px 6px 3px 6px;
    border-radius: 100px;

    position: fixed;
    bottom: 0;
    right: 0;
    margin-bottom: 9.5rem;

    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
}

.funcional i.btn-whatsapp {
    background-color: var(--quaternary);
    margin-right: 3rem;
}
.funcional i.btn-telegram {
    background-color: var(--secondary);
    font-size: 2rem;
    padding: 3px 8px 3px 4px;
    margin-right: 7rem;
}



.funcional button.charme {
    background-color: var(--secondary);
    border: none;
    border-radius: 30px 0px 0px 30px;
    padding: 13px 30px 13px 17px;
    
    position: fixed;
    bottom: 0;
    right: 0;
    margin-bottom: 6rem;
}
.funcional button.charme h3{
    font-size: 1rem;
    font-weight: normal;
    color: var(--tertiary);
    text-align: start;
}



button#idioma {
    position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 2.5rem;

    border: none;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
    background-color: var(--tertiary);
    padding: 0.7rem;
    width: 8rem;
    cursor: pointer;
}
button#idioma h3{
    font-size: 0.8rem;
    font-weight: normal;
    text-align: start;
}