#ModalRecompensa .img-gift {
    width: 57px;
}

#ModalRecompensa .modal-content {
    max-width: 540px;
    margin: auto;
    width: 100%;
}

#ModalRecompensa .icn-modal {
    position: absolute;
    right: 20px;
}

#ModalRecompensa .modal-body {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

#ModalRecompensa p.p-modal-recompensa {
    font-size: 22px;
    color: #505050;
    line-height: 32px;
    font-weight: 700;
}

#ModalRecompensa .btn-recompensa {
    background: #FF5D55;
    border-radius: 12px;
    width: 160px;
    height: 40px;
}

#ModalRecompensa .pulse {
    -webkit-animation: pulse 4s ease-in-out infinite both;
    animation: pulse 4s ease-in-out infinite both;
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@media (min-width: 1200px) {
    #ModalRecompensa .nobr-mobile {
        display: none;
    }
}

@media (min-width: 992px) {
    #ModalRecompensa .nobr-mobile {
        display: none;
    }
}

@media (max-width: 767.98px) {
    #ModalRecompensa .nobr-mobile {
        display: none;
    }
}

@media screen and (max-width: 414px) {
    #ModalRecompensa img.decor {
        width: 25px;
        height: 35px;
    }
}