.button-t {
    position: relative; /* Damit der Tooltip relativ zum Button positioniert werden kann */
    padding: 10px 20px;
    background: linear-gradient(180deg, #63B8EE 10%, #468CCF 100%);
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
    text-shadow: 0px 0px #FCF9F9;
        }

        .button-t:hover {
           background: #57bde6;
           background: radial-gradient(circle,rgba(87, 189, 230, 1) 0%, rgba(87, 141, 199, 1) 50%, rgba(83, 219, 237, 1) 100%);
        }
        
        .button-t-icon {
	     position: relative;
	     border-right: 1px solid #ffffff29;
	     box-shadow: inset rgb(0 0 0 / 14%) -1px 0 0;
	     padding: 10px 10px;
         }

        /* Stil für den Tooltip */
        .button-t-h {
    visibility: hidden;
    width: 250px;
    background-color: #FFFFFF;
    color: #3576C9;
    text-align: center;
    border-radius: 5px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 100%; /* Tooltip erscheint unterhalb des Buttons */
    left: 50%;
    margin-left: -60px; /* Tooltip horizontal zentrieren */
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
        }

        /* Tooltip erscheint beim Hover */
        .button-t:hover .button-t-h {
            visibility: visible;
            opacity: 1;
        }