.popup {
    display: none;
    position: absolute;
    z-index: 1000;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);
    background: #fff;
    border: 1px solid #0e0e0e;
    padding: 14px 18px;
}

    .popup.visible {
        display: block;
    }

    .popup.caret-right:before,
    .popup.caret-right:after {
        content: "";
        position: absolute;
        top: -7px;
        right: 10px;
        width: 0;
        height: 0;
        display: block;
        border-top: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
    }

    .popup.caret-right:before {
        border-bottom: 7px solid #0e0e0e;
    }

    .popup.caret-right:after {
        top: -6px;
        border-bottom: 7px solid #fff;
    }