.intree-share {
    --intree-share-primary: #314f36;
    --intree-share-primary-hover: #466d4c;
    --intree-share-border: #527556;
    --intree-share-border-hover: #628867;
    --intree-share-text: #ffffff;
    --intree-share-muted: #d9dfda;
    --intree-share-divider: #29472f;
    box-sizing: border-box;
    margin-block: 42px 28px;
    padding: 20px;
    border-top: 1px solid var(--intree-share-divider);
    border-radius: 0 0 12px 12px;
    background: #17251b;
    color: var(--intree-share-muted);
    text-align: start;
    font-family: inherit;
    clear: both;
}

.intree-share *, .intree-share *::before, .intree-share *::after {
    box-sizing: border-box;
}

.intree-share .intree-share__title {
    display: block;
    margin: 0 0 12px;
    color: var(--intree-share-muted);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.intree-share .intree-share__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.intree-share .intree-share__button {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: clamp(160px, calc((100% - 24px) / 4), 180px);
    aspect-ratio: 456 / 112;
    min-height: 44px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--intree-share-text);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: none;
    letter-spacing: normal;
    box-shadow: none;
    text-decoration: none;
    overflow-wrap: anywhere;
    cursor: pointer;
    overflow: hidden;
    transition: filter 0.2s ease, transform 0.2s ease;
}

.intree-share .intree-share__image {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transform: translateY(-50%);
}
/* New button assets are 456 px wide; WhatsApp is 108 px high and the others 112 px. */
.intree-share .intree-share__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
.intree-share .intree-share__button.is-copied { background: var(--intree-share-primary); }
.intree-share .is-copied .intree-share__image { visibility: hidden; }
.intree-share .is-copied .intree-share__label {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    padding: 8px;
    clip-path: none;
    white-space: normal;
}

.intree-share .intree-share__button:hover,
.intree-share .intree-share__button:focus-visible {
    filter: brightness(1.1);
    text-decoration: none;
}

.intree-share .intree-share__button:hover { transform: translateY(-1px); }
.intree-share .intree-share__button:focus-visible,
.intree-share input:focus-visible {
    outline: 3px solid #e9f0ea;
    outline-offset: 3px;
}
.intree-share .intree-share__button[aria-disabled="true"] { cursor: wait; }
.intree-share [hidden] { display: none !important; }
.intree-share .intree-share__status {
    margin: 12px 0 0;
    color: var(--intree-share-muted);
    font-size: 13px;
    line-height: 1.5;
}
.intree-share .intree-share__status:empty { margin: 0; }
.intree-share .intree-share__manual { display: block; margin-top: 12px; font-size: 13px; }
.intree-share .intree-share__manual input {
    display: block;
    width: 100%;
    margin-top: 6px;
    padding: 10px;
    background: #ffffff;
    color: #17251b;
    border: 1px solid var(--intree-share-border);
    border-radius: 4px;
    font-size: 16px;
}
.intree-share noscript a { color: #e9f0ea; overflow-wrap: anywhere; }

@media (max-width: 600px) {
    .intree-share { padding: 16px 12px; }
    .intree-share .intree-share__buttons { gap: 7px; }
    .intree-share .intree-share__button { width: calc((100% - 7px) / 2); max-width: 180px; }
}
@media (prefers-reduced-motion: reduce) {
    .intree-share .intree-share__button { transition: none; }
    .intree-share .intree-share__button:hover { transform: none; }
}