.share {
position: relative;
display: inline-block;
margin: 2em 0;
}

.share ul {
    list-style-type: none;
    padding: 0;
}

.share li {
    float: left;
    margin-right: 0.5em;
}

.share__btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 0px 4px;
border-radius: 999px;
background: #f1f1f1;
border: none;
cursor: pointer;
font-size: 14px;
text-decoration: none;
width: 36px;
height: 36px;
}

.share__btn:hover {
background: #e0e0e0;
}

/*.share__menu {
position: absolute;
top: 110%;
left: 0;
display: flex;
flex-direction: column;
gap: 6px;
background: white;
border: 1px solid #ddd;
padding: 10px;
border-radius: 12px;
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
z-index: 10;
}
*/

.share .icon {
font-weight: bold;
font-size: 2em;
}

/* Plattformfarben */

.share__btn--facebook { background: #1877f2; color: white; padding: 0.3em; line-height: 1em;}
.share__btn--x { background: #000; color: white; padding: 0.3em; line-height: 1em;}
.share__btn--linkedin { background: #0a66c2; color: white; padding: 0.3em; line-height: 1em;}
.share__btn--whatsapp { background: #25d366; color: white; padding: 0.3em; line-height: 1em;}
.share__btn--envelope { background: #000; color: white; padding: 0.3em; line-height: 1em;}
.share__btn--native { background: #666; color: white; padding: 0.3em; line-height: 1em;}

.share__btn--toggle {
background: #333;
color: white;
}