.shrlt-container {
    display: flex;
    gap: 10px;
    margin-top: 1em;
    margin-bottom: 1.2em;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: auto;
}

@media (max-width: 768px) {
    .shrlt-container {
        gap: 10px;
    }
}

.shrlt-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto;
    height: 38px;
    border-radius: 100px;
    transition: opacity 0.3s ease;
    color: #ffffff !important;
    text-decoration: none !important;
    gap: 5px;
    font-size: 16px;
    line-height: 1;
    padding: 0 15px;
    border: none !important;
    background-image: none !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    will-change: transform;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    flex: 0 0 auto;
}

.shrlt-button:hover {
    text-decoration: none !important;
    opacity: 0.9;
    cursor: pointer !important;
}

.shrlt-button:active {
    opacity: 0.8;
    transform: translateZ(0) scale(0.98);
    -webkit-transform: translateZ(0) scale(0.98);
}

.shrlt-button svg {
    width: auto;
    height: 18px;
    fill: #ffffff;
    flex-shrink: 0;
    pointer-events: none;
    position: relative;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: block;
}

.shrlt-button .icon-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto;
    height: 18px;
    flex-shrink: 0;
    pointer-events: none;
    position: relative;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.shrlt-container.shrlt-container-below {
    margin-bottom: 0px;
}
.shrlt-copy-text {
    min-width: auto;
}

/* Default network colors */
.shrlt-button.facebook {
    background-color: #1877f2;
}
.shrlt-button.twitter {
    background-color: #000000;
}
.shrlt-button.threads {
    background-color: #2a2a2a;
}
.shrlt-button.pinterest {
    background-color: #e60023 !important;
}
.shrlt-button.bluesky {
    background-color: #0085ff !important;
}
.shrlt-button.copy {
    background-color: #373737 !important;
}
.shrlt-button.whatsapp {
    background-color: #25d366;
}
.shrlt-button.mastodon {
    background-color: #5638cc;
}
.shrlt-button.telegram {
    background-color: #2ca0da;
}
.shrlt-button.reddit {
    background-color: #fd4501;
}
.shrlt-button.email {
    background-color: #6c757d;
}
.shrlt-button.chatgpt {
    background-color: #000000;
}
.shrlt-button.perplexity {
    background-color: #091717;
}