.bttooltip { position: absolute; display: inline-block; }
    .bttooltip .tooltiptext { display: none; background-color: #fff; color: #000; text-align: center; border-radius: 5px; padding: 10px; position: absolute; z-index: 1000; bottom: 150%; left: 50%; border: solid 1px #000; box-shadow: 0px 0px 14px rgba(0,0,0,0.3); }
        .bttooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 20px; height: 10px; width: 10px; margin-top: -5px; border-width: 10px; background-color: #fff; border-right: solid 1px #000; border-bottom: solid 1px #000; transform: rotate(45deg); }
        .bttooltip .tooltiptext.ttpcenter::after { content: ""; position: absolute; top: 100%; left: 50%; height: 10px; width: 10px; margin-top: -5px; border-width: 10px; background-color: #fff; border-right: solid 1px #000; border-bottom: solid 1px #000; transform: rotate(45deg); }