.floatButton{z-index:100;cursor:pointer;text-align:center;width:40px;height:40px;min-height:40px;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));box-shadow:var(--shadow);border:none;border-radius:100%;font-size:14px;line-height:38px;position:fixed;color:var(--color)!important;background:var(--background-color-plain-transparent)!important}.floatButton.top{top:var(--margin-md);left:var(--margin-md)}.floatButton.bottom{right:var(--margin-md);bottom:var(--margin-md);opacity:0;visibility:hidden;transition:opacity var(--transition-duration) ease-in-out}.floatButton.bottom.show{opacity:1;visibility:visible}.with-header #main .floatButton.top{top:calc(var(--header-height) + var(--margin-md))}.nav-container-bottom~#main .floatButton.bottom{bottom:calc(var(--nav-bottom-height) + var(--margin-md))}