.p-confirm-popup { position: absolute; margin-top: 10px; top: 0; left: 0; } .p-confirm-popup-flipped { margin-top: 0; margin-bottom: 10px; } .p-confirm-popup:after, .p-confirm-popup:before { bottom: 100%; left: calc(var(--overlayArrowLeft, 0) + 1.25rem); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .p-confirm-popup:after { border-width: 8px; margin-left: -8px; } .p-confirm-popup:before { border-width: 10px; margin-left: -10px; } .p-confirm-popup-flipped:after, .p-confirm-popup-flipped:before { bottom: auto; top: 100%; } .p-confirm-popup.p-confirm-popup-flipped:after { border-bottom-color: transparent; } .p-confirm-popup.p-confirm-popup-flipped:before { border-bottom-color: transparent } .p-confirm-popup .p-confirm-popup-content { display: flex; align-items: center; }