.container-popup-confirmar{position: fixed;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000000000;visibility: hidden;}
.container-popup-confirmar.in{animation: normal confirm-popup-parent-in .4s forwards;}
.container-popup-confirmar.out{animation: normal confirm-popup-parent-out .4s forwards;}
.container-popup-confirmar.in .parent{animation: normal confirm-popup-child-in .4s forwards;}
.container-popup-confirmar.out .parent{animation: normal confirm-popup-child-out .4s forwards;}
.container-popup-confirmar .parent{width: 400px;padding: 20px;border-radius: 5px;box-shadow: 0 0 10px -2px #000;background: #fff;position: absolute;left: 50%;top: 20px;translate: -50% 0;max-width: 90vh;max-height: 90vh;transform-origin: top center;transform-style: preserve-3d;}
.container-popup-confirmar .parent .conteudo{margin: 0 0 45px;}
.container-popup-confirmar .parent .titulo{font: 18.5px montserrat;font-weight: 600;color: #272727;padding: 10px 0 20px;border-bottom: 1px solid #676767;margin: 0 0 20px;}
.container-popup-confirmar .parent .texto{font: 12.5px montserrat;font-weight: 400;color: #000;line-height: 20px;text-align: left;padding: 0 20px 0 0;}
.container-popup-confirmar .parent .opcoes{display: flex;align-items: stretch;justify-content: space-between;gap: 20px;}
.container-popup-confirmar .parent .opcoes .opcao{padding: 10px 20px;text-align: center;font: 12.5px montserrat;font-weight: 500;color: #fff;border-radius: 3px;box-shadow: 0 0 6px -2px #343434;background: #676767;flex: 0 1 50%;user-select: none;transition: background-color .4s;}
.container-popup-confirmar .parent .opcoes .opcao:hover{cursor: pointer;box-shadow: 0 0 10px -2px #343434;}
.container-popup-confirmar .parent .opcoes .opcao.cancel{background: #b63227;}
.container-popup-confirmar .parent .opcoes .opcao.cancel:hover{background: #96291f;}
.container-popup-confirmar .parent .opcoes .opcao.confirm{background: #2ba72b;}
.container-popup-confirmar .parent .opcoes .opcao.confirm:hover{background: #118d11;}

@keyframes confirm-popup-child-in {
    from{transform: rotateX(90deg);}
    to{transform: rotateX(0deg);}
}
@keyframes confirm-popup-child-out {
    from{transform: rotateX(0deg);}
    to{transform: rotateX(90deg);}
}

@keyframes confirm-popup-parent-in{
    from{visibility: hidden;background: #0000;}
    to{visibility: visible;background: #0003;}
}
@keyframes confirm-popup-parent-out{
    from{visibility: visible;background: #0003;}
    to{visibility: hidden;background: #0000;}
}