.bc-floating-button {
position: fixed; top: var(--bc-fsb-top, 120px);
right: var(--bc-fsb-right, 0px);
z-index: 9999; transform: rotate(-90deg);
transform-origin: right top;
display: inline-flex;
align-items: center;
justify-content: center; padding: 10px 18px;
background: var(--bc-fsb-bg, #ff5a1f);
color: var(--bc-fsb-text, #ffffff); border-radius: 8px 8px 0 0;
text-decoration: none;
font-size: 16px;
font-weight: 600;
line-height: 1;
letter-spacing: .7px;
box-shadow: 0 6px 18px rgba(0,0,0,0.2); opacity: 0;
visibility: hidden;
transform: rotate(-90deg) translateY(10px);
transition:
opacity 0.25s ease,
transform 0.25s ease,
filter 0.2s ease;
}
.bc-floating-button:hover {
background: var(--bc-fsb-bg);
color: var(--bc-fsb-text);
filter: brightness(0.9); opacity: 1;
} .bc-floating-button--visible {
opacity: 1;
visibility: visible;
transform: rotate(-90deg) translateY(0);
} .bc-floating-button:focus-visible {
outline: 3px solid #000;
outline-offset: 2px;
} .bc-floating-button__text {
display: inline-block;
white-space: nowrap;
}