button.oaal-scroll-top {
    position: fixed;
    right: max(var(--ost-offsetX, 20px), env(safe-area-inset-right));
    left: auto;
    bottom: max(var(--ost-offsetY, 20px), env(safe-area-inset-bottom));
    z-index: 999;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--ost-size, 48px);
    height: var(--ost-size, 48px);
    min-height: var(--ost-size, 48px);
    padding: 0;
    border: var(--ost-borderWidth, 0px) solid var(--ost-borderColor, #0b223d);
    border-radius: var(--ost-radius, 50%);
    background: var(--ost-background, #e9a72f);
    color: var(--ost-color, #0b223d);
    box-shadow: var(--ost-shadow, 0 3px 14px #0003);
    cursor: pointer;
}
button.oaal-scroll-top[hidden] { display: none; }
button.oaal-scroll-top:hover { background: var(--ost-hoverBackground, #d99416); color: var(--ost-hoverColor, #0b223d); }
button.oaal-scroll-top:focus-visible { outline: 3px solid var(--ost-color, #0b223d); outline-offset: 3px; }
button.oaal-scroll-top svg { width: var(--ost-iconSize, 24px); height: var(--ost-iconSize, 24px); transform: rotate(-90deg); fill: currentColor; }

button.oaal-scroll-top[data-position="left"] { left: max(var(--ost-offsetX, 20px), env(safe-area-inset-left)); right: auto; }
button.oaal-scroll-top img.oaal-scroll-top__icon { display: block; width: var(--ost-iconSize, 24px); height: var(--ost-iconSize, 24px); object-fit: contain; margin: 0; border: 0; border-radius: 0; box-shadow: none; }