.tooltip-marker {
           display: inline;
           position: relative;
    }
       
.tooltip-button {
           background: none;
           border: none;
           color: #045d32;
           text-decoration: underline;
           cursor: pointer;
           font-size: inherit;
           font-family: inherit;
           padding: 0;
           margin: 0;
           text-decoration-style: dotted;
           text-decoration-thickness: 2px;
           border-radius: 0;
           transition: all 0.3s ease;
    }
       
.tooltip-button:hover {
    color: #ffffff;
    background-color: #ad5100;
    }
       
.tooltip-button svg {
           width: 0.8em;
           height: 0.8em;
           margin-left: 2px;
           vertical-align: middle;
    }
       
.tooltip-popup {
           display: none;
           position: absolute;
           background: white;
           border: 2px solid #0073aa;
           border-radius: 4px;
           padding: 15px;
           max-width: 300px;
           box-shadow: 0 2px 10px rgba(0,0,0,0.1);
           z-index: 1000;
           top: 100px;
           left: 0;
           margin-top: 5px;
    }
       
.tooltip-popup h3 {
           margin: 0 0 10px 0;
           font-size: 1.1em;
           color: #0073aa;
    }
       
.tooltip-close {
    background: none;
    border: none;
    color: #0073aa;
    cursor: pointer;
    margin: 10px 0 0 10px;
    text-decoration: underline;
    padding: 0;
    transition: all 0.3s ease;
    }
       
.tooltip-close:hover {
    color: #fff;
    background-color: #ad5100;
    }