/*----------------------------ESTILOS BLOQUE DE ENCUESTA --------------------*/

.content-encuesta {
background-color: #F6F8F9;
box-shadow: 0px 4px 0px #BABABA33;
border-radius: 3px;
}
.content-reaction {
justify-content: center;
padding-top: 30px;
}
.content-reaction .btn-reacciones {
font-family: "Work Sans Medium";
font-size: 16px;
padding: 5px 10px;
background-color: #3366CC;
border-radius: 5px;
margin: 0px 5px;
color: #fff;
display: flex;
}

.content-reaction .btn-reacciones input {
color: #ffffff;
cursor: pointer;
border: none;
background: transparent;
padding: 0px 0px 0px 5px;
}
.content-reaction .btn-reacciones:hover {
background-color: #004884;
color: #ffffff;
}
@media (max-width: 576px) {
.content-reaction {
text-align: center;
}
.content-reaction .group-icon-text {
margin: auto;
}
}
.icon-reaction-disabled {
background-color: #BABABA!important;
cursor: default!important;
pointer-events: none!important;
}
.icon-reaction-active {
background-color: #004884!important;
}