@import "../../src/css/parts/root.css";
@import "../../src/css/parts/header.css";
@import "../../src/css/parts/main.css";
@import "../../src/css/pages/mobile/mobile.css";
@import "../../src/css/parts/footer.css";

.whatsapp-btn {
    font-size: 15px;

}

.phone_icon {
    margin: 0 0.2rem;
    height: 35px;
    display: block;
    fill: #454849;
}

.mail_icon {
    margin: 0 0.2rem;
    height: 35px;
    display: block;
    fill: #454849;
}

.whatsapp_icon{
    height: 35px;
    margin: 0 0.5rem;
    fill: #454849;
}


.container{

    min-height: 64vh;
    display: flex;
    align-content: center;
    justify-content: center;
    background: linear-gradient(45deg,rgba(0, 0, 255, 0.559),rgba(255, 0, 0, 0.492));

}

.folha {

    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

.calendar_icon, .clock_icon{
    margin: 4px;
}


.icon-mais-desc{
    fill: #FFF;
    margin-top: 10rem;

        display: flex;
        align-content: center;
        justify-content: space-evenly;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        padding: 1rem;
        background: linear-gradient(
    104deg
    , #e00f0f85, #4a00ffa6),linear-gradient(
    38deg
    , #00ffca, #ff0000);
        border-radius: 25px;
        color: aliceblue;
        box-shadow: 0px 6px 15px 0px rgb(0 0 0 / 20%), 0px 1px 5px 0px rgb(0 0 0 / 70%);
    }





.date_box {
    display: flex;
    font-size: 2rem;
    align-items: center;
}

.clock_box {
    display: flex;
    font-size: 2rem;
    align-items: center;
}

.contate {
    display: flex;
    flex-flow: column;
    align-items: center;
    font-size: 1rem;
}

a.contact-btn:nth-child(2) {
    background: rgb(0, 195, 255);
}

a.contact-btn:nth-child(3) {
    background: rgb(10, 209, 53);
}

a.contact-btn, .email_directly {
    display: flex;
    padding: 10px;
    background: aquamarine;
    margin: 10px;
    min-width: 265px;
    justify-content: center;
    border-radius: 50px;
    align-items: center;
    font-size: 1rem;
    height: 60px;
}

.contact-btn i, .email_directly i {
    margin: 5px;
}

a.contact-btn:hover, .email_directly:hover{
    color: #FFF;
    transform: scale(1.1);
    fill: #FFF;

}

.email_directly:hover .mail_icon_div .mail_icon{
   
    fill: #FFF;

}

a.contact-btn:hover .whatsapp_icon{
  
    fill: #FFF;

}

a.contact-btn:hover .phone_icon{
  
    fill: #FFF;

}