.bsca-call-button {
--bsca-btn-bg: #19a957;
--bsca-btn-hover: #138746;
--bsca-btn-icon: #fff;
--bsca-btn-size: 58px;
width: var(--bsca-btn-size) !important;
min-width: var(--bsca-btn-size) !important;
height: var(--bsca-btn-size) !important;
min-height: var(--bsca-btn-size) !important;
padding: 0 !important;
border: 0 !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
background: var(--bsca-btn-bg) !important;
color: var(--bsca-btn-icon) !important;
text-decoration: none !important;
line-height: 1 !important;
transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease !important;
-webkit-tap-highlight-color: transparent;
}
.bsca-call-button:hover,
.bsca-call-button:focus {
background: var(--bsca-btn-hover) !important;
color: var(--bsca-btn-icon) !important;
transform: translateY(-1px);
outline: none;
}
.bsca-call-button.bsca-has-shadow {
box-shadow: 0 9px 24px rgba(0, 0, 0, .18) !important;
}
.bsca-call-button > i,
.bsca-call-button > svg {
color: var(--bsca-btn-icon) !important;
fill: currentColor !important;
font-size: calc(var(--bsca-btn-size) * .39) !important;
line-height: 1 !important;
margin: 0 !important;
}
.bsca-call-button.bsca-hide-text > span {
display: none !important;
}
.bsca-call-button.bsca-hide-text::after {
content: "☎";
display: none;
}
.bsca-sheet-root,
.bsca-sheet-root * {
box-sizing: border-box;
}
.bsca-sheet-root {
position: fixed;
inset: 0;
z-index: 2147483000;
pointer-events: none;
direction: rtl;
font-family: inherit;
}
.bsca-sheet-root.is-open {
pointer-events: auto;
}
.bsca-sheet-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, .48);
opacity: 0;
transition: opacity .24s ease;
}
.bsca-sheet-root.is-open .bsca-sheet-overlay {
opacity: 1;
}
.bsca-sheet-root.no-overlay .bsca-sheet-overlay {
background: transparent;
}
.bsca-sheet {
--bsca-accent: #19a957;
--bsca-sheet-bg: #fff;
position: absolute;
left: 50%;
bottom: 0;
width: min(100%, 560px);
max-height: min(86vh, 680px);
overflow: auto;
transform: translate(-50%, calc(100% + 24px));
background: var(--bsca-sheet-bg);
color: #17211a;
border-radius: 24px 24px 0 0;
box-shadow: 0 -14px 50px rgba(0, 0, 0, .22);
padding: 10px 18px max(20px, env(safe-area-inset-bottom));
transition: transform .3s cubic-bezier(.2,.8,.2,1);
}
.bsca-sheet-root.is-open .bsca-sheet {
transform: translate(-50%, 0);
}
.bsca-handle {
width: 46px;
height: 5px;
background: #d7dbd8;
border-radius: 99px;
margin: 2px auto 14px;
}
.bsca-sheet-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 14px;
}
.bsca-sheet-title {
font-size: 19px;
font-weight: 800;
margin: 0;
}
.bsca-close {
width: 38px;
height: 38px;
border: 0;
border-radius: 50%;
background: #f1f4f2;
color: #334139;
cursor: pointer;
font-size: 22px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
}
.bsca-phone-card {
border: 1px solid #e5e9e6;
background: #f8faf9;
border-radius: 18px;
padding: 14px 15px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 14px;
}
.bsca-phone-meta {
min-width: 0;
}
.bsca-phone-label {
display: block;
color: #738078;
font-size: 12px;
margin-bottom: 3px;
}
.bsca-phone-number {
direction: ltr;
unicode-bidi: embed;
font-weight: 850;
font-size: 20px;
letter-spacing: .3px;
color: #17211a;
white-space: nowrap;
}
.bsca-call-now {
flex: 0 0 auto;
min-height: 42px;
padding: 0 14px;
border-radius: 12px;
background: var(--bsca-accent);
color: #fff !important;
text-decoration: none !important;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 800;
}
.bsca-app-card {
border-radius: 18px;
background: color-mix(in srgb, var(--bsca-accent) 8%, #fff);
border: 1px solid color-mix(in srgb, var(--bsca-accent) 18%, #e6e6e6);
padding: 15px;
display: grid;
grid-template-columns: 58px 1fr;
gap: 12px;
align-items: center;
}
.bsca-app-icon {
width: 58px;
height: 58px;
border-radius: 16px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
box-shadow: 0 5px 16px rgba(0, 0, 0, .07);
}
.bsca-app-icon img,
.bsca-app-icon svg {
max-width: 42px;
max-height: 42px;
width: auto;
height: auto;
display: block;
}
.bsca-app-copy h4 {
margin: 0 0 4px;
font-size: 15px;
font-weight: 850;
color: #17211a;
}
.bsca-app-copy p {
margin: 0;
color: #5f6d64;
font-size: 13px;
line-height: 1.8;
}
.bsca-download {
grid-column: 1 / -1;
width: 100%;
min-height: 46px;
border-radius: 13px;
background: #17211a;
color: #fff !important;
text-decoration: none !important;
display: flex;
align-items: center;
justify-content: center;
font-weight: 850;
margin-top: 2px;
}
body.bsca-sheet-open {
overflow: hidden !important;
}
@media (min-width: 600px) {
.bsca-sheet {
bottom: 18px;
border-radius: 24px;
padding-bottom: 20px;
}
}
@media (prefers-reduced-motion: reduce) {
.bsca-sheet,
.bsca-sheet-overlay,
.bsca-call-button {
transition: none !important;
}
}