:is(.bottomBar, .bottomMemberBar) .bottom-bar-reload-btn {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-pill);
    background: var(--gray-100);
    border: 1px solid var(--border-color);
    color: var(--accent);
    text-decoration: none;
    transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;

}

:is(.bottomBar, .bottomMemberBar) .bottom-bar-reload-btn i {
    font-size: 20px;
    line-height: 1;
}

:is(.bottomBar, .bottomMemberBar) .bottom-bar-reload-btn:hover,
:is(.bottomBar, .bottomMemberBar) .bottom-bar-reload-btn:focus,
:is(.bottomBar, .bottomMemberBar) .bottom-bar-reload-btn:visited,
:is(.bottomBar, .bottomMemberBar) .bottom-bar-reload-btn:is(.is-pressed, :focus-visible:active) {
    color: var(--accent);
    text-decoration: none;
}

:is(.bottomBar, .bottomMemberBar) .bottom-bar-reload-btn:hover {
    background: var(--gray-200);
    border-color: color-mix(in srgb, var(--accent) 22%, var(--border-color));
    box-shadow: 0 1px 3px var(--shadow-subtle);
}

:is(.bottomBar, .bottomMemberBar) .bottom-bar-reload-btn:is(.is-pressed, :focus-visible:active) {
    box-shadow: none;
}

:is(.bottomBar, .bottomMemberBar) .bottom-bar-reload-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent);
}