.br-share-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 16px;
    border: 1px solid #cbdadb;
    border-radius: 10px;
    background: #fff;
    color: #17343b;
    font: 700 14px/1.2 "Outfit", "Segoe UI", sans-serif;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.br-share-button:hover { border-color: #319795; background: #f0f8f7; transform: translateY(-1px); }
.br-share-button:focus-visible { outline: 3px solid rgba(49,151,149,.24); outline-offset: 2px; }
.br-share-button[disabled] { cursor: wait; opacity: .65; transform: none; }

.br-share-overlay {
    position: fixed;
    inset: 0;
    z-index: 100200;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(8, 31, 38, .54);
    backdrop-filter: blur(3px);
}
.br-share-panel {
    width: min(430px, 100%);
    padding: 24px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(8, 31, 38, .28);
    color: #17343b;
    font-family: "Outfit", "Segoe UI", sans-serif;
}
.br-share-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.br-share-heading h2 { margin: 0; font: 700 26px/1.15 Georgia, serif; color: #0d3540; }
.br-share-heading p { margin: 7px 0 0; color: #60747a; font-size: 14px; }
.br-share-close {
    display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; padding: 0;
    border: 0; border-radius: 50%; background: #edf6f5; color: #17343b; cursor: pointer;
}
.br-share-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 22px; }
.br-share-option {
    display: flex; align-items: center; gap: 11px; min-height: 54px; padding: 10px 13px;
    border: 1px solid #d7e2e3; border-radius: 12px; background: #fff; color: #17343b;
    font: 700 14px/1.2 "Outfit", sans-serif; text-decoration: none; cursor: pointer;
}
.br-share-option:hover { border-color: #319795; background: #f0f8f7; color: #17343b; }
.br-share-option i { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; background: #e4f3f2; color: #278684; font-size: 15px; }
.br-share-expiry { margin: 16px 0 0; color: #7a8c91; font-size: 12px; text-align: center; }
.br-share-toast {
    position: fixed; left: 50%; bottom: 28px; z-index: 100300; transform: translate(-50%, 12px);
    padding: 11px 18px; border-radius: 999px; background: #0d3540; color: #fff;
    font: 600 14px/1.2 "Outfit", sans-serif; box-shadow: 0 10px 30px rgba(8,31,38,.25);
    opacity: 0; transition: opacity .18s ease, transform .18s ease;
}
.br-share-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
body.br-share-open { overflow: hidden; }

@media (max-width: 520px) {
    .br-share-overlay { align-items: end; padding: 0; }
    .br-share-panel { width: 100%; padding: 22px 18px 26px; border-radius: 20px 20px 0 0; }
    .br-share-options { grid-template-columns: 1fr; }
}