.component-hero {
    position: static;
}
.hero-dinamic-content {
    z-index: 3;
}
.legal-tooltip {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4;
    padding: .5rem;
}
/*
@media (min-width: 600px) {
    .legal-tooltip {
        right: 1rem;
        bottom: 1rem;
    }
}*/
.legal-tooltip i {
    cursor: pointer;
}
.legal-tooltip i + .tooltip {
    display: none;
}
.legal-tooltip i:hover + .tooltip {
    opacity: 1;
    display: block;
}
.legal-tooltip .tooltip {
    top: .5rem;
    transform: translateX(-100%);
}
.legal-tooltip .tooltip .arrow::before {
    bottom: 0.75rem;
    left: -0.275rem;
    border-width: 0 0.5rem 0.5rem;
    transform: rotate(90deg);
    border-left-color: transparent;
    border-bottom-color: black;
}
.legal-tooltip .tooltip .tooltip-inner {
    min-width: 200px;
    border-radius: 0.2rem;
    padding: 0.5rem;
}