.ttp-tooltip-wrapper {
    position: relative;
    display: inline-block;
    color: #EEFFC8;
    font-size: 14px;
    font-weight: 600;
    font-family: "din-2014", sans-serif;
    left: 50%;
    transform: translateX(-50%);
    letter-spacing: 0.7px;
}
.ttp-tooltip-wrapper:after {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_211_1071)"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 7C0.5 5.14348 1.2375 3.36301 2.55025 2.05025C3.86301 0.737498 5.64348 0 7.5 0C9.35651 0 11.137 0.737498 12.4497 2.05025C13.7625 3.36301 14.5 5.14348 14.5 7C14.5 8.85651 13.7625 10.637 12.4497 11.9497C11.137 13.2625 9.35651 14 7.5 14C5.64348 14 3.86301 13.2625 2.55025 11.9497C1.2375 10.637 0.5 8.85651 0.5 7ZM8.2 7.7C8.2 7.51435 8.12625 7.3363 7.99497 7.20503C7.8637 7.07375 7.68565 7 7.5 7C7.31435 7 7.1363 7.07375 7.00503 7.20503C6.87375 7.3363 6.8 7.51435 6.8 7.7V10.5C6.8 10.6857 6.87375 10.8637 7.00503 10.995C7.1363 11.1263 7.31435 11.2 7.5 11.2C7.68565 11.2 7.8637 11.1263 7.99497 10.995C8.12625 10.8637 8.2 10.6857 8.2 10.5V7.7ZM7.5 3.542C7.63789 3.542 7.77443 3.56916 7.90182 3.62193C8.02921 3.67469 8.14496 3.75204 8.24246 3.84954C8.33996 3.94704 8.41731 4.06279 8.47007 4.19018C8.52284 4.31757 8.55 4.45411 8.55 4.592C8.55 4.72989 8.52284 4.86643 8.47007 4.99382C8.41731 5.12121 8.33996 5.23696 8.24246 5.33446C8.14496 5.43196 8.02921 5.50931 7.90182 5.56207C7.77443 5.61484 7.63789 5.642 7.5 5.642C7.22152 5.642 6.95445 5.53138 6.75754 5.33446C6.56062 5.13755 6.45 4.87048 6.45 4.592C6.45 4.31352 6.56062 4.04645 6.75754 3.84954C6.95445 3.65262 7.22152 3.542 7.5 3.542Z" fill="%23EEFFC8"/></g><defs><clipPath id="clip0_211_1071"><rect width="14" height="14" fill="white" transform="translate(0.5)"/></clipPath></defs></svg>');
    width: 14px;
    height: 14px;
    display: block;
    background-size: cover;
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
}
.ttp-tooltip-text {
    visibility: hidden;
    width: 224px;
    background-color: #1c1917;
    color: RGB(238, 255, 200);
    padding: 12px 24px 12px 12px;
    border-radius: 2px;
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(113% + .5rem);
    display: block;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,.12);
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    font-family: "din-2014", sans-serif;
    height: 70px;
}
.ttp-tooltip-wrapper:hover .ttp-tooltip-text {
    visibility: visible;
    opacity: 1;
}