Можно ли исключить элемент из свойства overflow: hidden?

В моем html я создаю всплывающую подсказку внутри элемента, которая не должна быть невидимой за пределами элемента. У его родителя есть свойство overflow: hidden, которое я хочу игнорировать для этого единственного элемента всплывающей подсказки. Это возможно?

HTML Example

<div class = "element">
 <p>
  This element is not allowed to overflow
 </p>
 <p class = "exception">
   Exceptional overflowing element
 </p>
 <p>
   This element is not allowed to overflow
 </p>
</div>

CSS Example

div {
    width: 250px;
    height: 200px;
    background: aqua;
    margin: 10px;
    padding: 20px;
}

p {
    background: rgba(255, 255, 0, 0.5);    
}

.hide-content {
    overflow: hidden;
}

.exceptional {
// Is there a property to except this element from being invisible?
}

https://jsfiddle.net/zk7qxkjt/2/