@font-face {
  font-family: 'Nunito';
  src: url('/o/porvenir-encuesta-nps-taglib/fonts/NunitoSans-Regular.woff2') format('woff2'),
       url('/o/porvenir-encuesta-nps-taglib/fonts/NunitoSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.cont-btn-nps {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cont-btn-nps.hidden {
	display: none;
}

.cont-btn-nps .btn-flotante {
    width: auto;
    position: fixed;
    bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 17px;
    background-color: #659125;
    color: #FFFFFF;
    font-family: 'Nunito', Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 1);
    transition: transform 0.5s ease, opacity 0.5s ease;
    cursor: pointer;
    padding: 15px 20px;
    z-index: 100;
}

.btn-flotante.animacion {
    animation: attention-grabber 1s infinite alternate;
}

@-webkit-keyframes attention-grabber {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

@keyframes attention-grabber {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}