/* css  sticky redes sociales */
:root{
     --black:#000;
     --white:#ffffff;
     --dark-purple:#3c122c;
     --medium-purple:#762ba3;
     --light-purple:#ae40f0;
     --yelow:#ffc800;
     --pink:#fc5185;
     --light-pink:#ffeffe;
     --green:#00b090;
     --green-mediun:#44ffe6 ;
     --green-small:#81fef6;
     --yellow-ocre:#eccd55;
}
body{
    font-family: 'nanito', sans-serif;
}
#toggle{
    display: none;
    }

#label_toggle{
  font-size: 1em;
  cursor: pointer;
}
    

.sticky-help-container{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: fixed;
    top: 40%;
    width: 200px;
    z-index: 99;
    right: -155px;
}
.sticky-help-container h6 {
    left: -100px;
}

 .sticky-help-dropdown a{
    justify-content: start;
 }

.sticky-help a {
    list-style: none;
    text-decoration: none;
    background-color: var(--yellow-ocre);
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 2px;
    height: 46px;
    border-radius: 25px;

    transition: all 0.25;

}

.dropdown bi bi-brightness-high-fill{
    font-size: 300px;

}
.sticky-help a:hover{
    background-color: var(--white) ;
    margin-left: -100px;
}

.sticky-help-dropdown:hover{
    margin-left: -100px;
    
}

.sticky-help a i{
    margin: 10px 0;
    font-size: 32px;
    justify-content: start;
    color: var(--green);
}

.sticky-help a:hover i{
    color:var(--green);
}
.sticky-help p:hover {
    color:var(--green-small);

}


.sticky-help a i{
    margin: 0 10px;
    font-size: 28px;
}

@media only screen and(max-width:1024px){
  
    .sticky-help-container{
        right: -160px;
    }
    .sticky-help a{
       height: 36px;
    }

    .sticky-help a:hover{
        margin-left: -90px;
    }

    .sticky-help a i{
        font-size: 22px;
    }
}