details[data-popover] > summary:hover {
    cursor: hand;
}
details[data-popover] > summary:focus {
    outline: none;
}
details[data-popover] > summary::-webkit-details-marker {
    display: none;
}
details[data-popover] > summary {
    list-style: none;
}

details[data-popover] {
    position: relative;
}

details[data-popover] > summary + * {
    position: absolute;
}

details[data-popover="abajo"] > summary + * {
    bottom: calc(0.5rem - 100%);
    right: calc(0.5rem - 100%);
    transform: translateY(50%);
    background-color: white;
    border: 1px solid black;
    padding: 10px;
    border-radius: 10px;
}