.imgMapaBrasil {
    z-index: 1;
}

    .mapaBrasil path {
        fill: #94CFE7;
        cursor: pointer;
        transition: all .5s;
    }

        .mapaBrasil path:hover {
            fill: var(--primary-color-200);
        }

#tooltipMapa {
    background-color: white;
    padding: 10px;
    padding-right: 24px;
    position: absolute;
    z-index: 1000;
    box-shadow: rgb(6 54 117 / 15%) 0px 0px 10px;
    border-radius: 4px;
    border: none;
    z-index: 2;
    display: none;
}

    #tooltipMapa p {
        margin: 0;
        font-size: 16px;
        font-weight: bold;
        color: var(--primary-color-900);
    }

    #tooltipMapa a {
        color: var(--primary-color-500);
        font-size: 14px;
        text-decoration: underline;
    }

        #tooltipMapa a img {
            margin: 0;
            margin-left: 8px;
        }