.tc-share {
    width: 100%;
    margin: 22px 0;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #d7e7dd;
    border-radius: var(--tc-share-card-radius, 20px);
    box-sizing: border-box;
}

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

.tc-share__heading {
    margin-bottom: 14px;
    color: #082f23;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 800;
}

.tc-share__buttons {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.tc-share__button {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    padding: 11px 14px;
    border-radius: var(--tc-share-button-radius, 13px);
    border: 1px solid transparent;
    text-decoration: none !important;
    font-family: inherit;
    font-size: var(--tc-share-font-size, 17px);
    font-weight: 800;
    line-height: 1.15;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.tc-share__button:hover,
.tc-share__button:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0,0,0,.07);
}

.tc-share__button--whatsapp {
    background: #e7f8ee;
    color: #08764f !important;
    border-color: #ccebd9;
}

.tc-share__button--facebook {
    background: #eef4ff;
    color: #1f5fc4 !important;
    border-color: #d8e4fa;
}

.tc-share__button--copy {
    background: #f5f7f6;
    color: #294b3e;
    border-color: #e0e8e4;
}

.tc-share__icon {
    width: var(--tc-share-icon-size, 22px);
    height: var(--tc-share-icon-size, 22px);
    min-width: var(--tc-share-icon-size, 22px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--tc-share-icon-size, 22px);
    font-weight: 900;
    line-height: 1;
    overflow: hidden;
}

.tc-share__icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tc-share__button--facebook .tc-share__icon:not(.tc-share__icon--custom) {
    border-radius: 50%;
    background: #1f5fc4;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: calc(var(--tc-share-icon-size, 22px) * .73);
}

.tc-share__feedback {
    min-height: 18px;
    margin-top: 8px;
    color: #08764f;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 700px) {
    .tc-share {
        padding: 16px;
        border-radius: var(--tc-share-card-radius, 18px);
    }

    .tc-share__buttons {
        grid-template-columns: 1fr;
    }

    .tc-share__button {
        min-height: 52px;
    }
}