.hd-floating-buttons.hd-btt-runtime-wrapper {
position: fixed !important;
z-index: 9999 !important;
top: auto !important;
transform: none !important;
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
}

.hd-floating-buttons.hd-btt-runtime-wrapper.btt-fixed-bottom-right {
right: 10px !important;
left: auto !important;
bottom: calc(100px + var(--hd-bottom-fixed-safe-offset, 0px)) !important;
}

.hd-floating-buttons.hd-btt-runtime-wrapper.btt-fixed-bottom-left {
left: 20px !important;
right: auto !important;
bottom: calc(30px + var(--hd-bottom-fixed-safe-offset, 0px)) !important;
}

#hd-back-to-top-button.hd-btt-runtime {
width: 50px !important;
height: 50px !important;
border-radius: 50% !important;
border: 0 !important;
background: rgba(0, 0, 0, .58) !important;
color: #fff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-direction: column !important;
line-height: 1 !important;
text-decoration: none !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, .2) !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(20px) !important;
transition: opacity .25s ease, visibility .25s ease, transform .25s ease !important;
pointer-events: auto !important;
}

#hd-back-to-top-button.hd-btt-runtime.is-visible {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
}

#hd-back-to-top-button.hd-btt-runtime .hd-btt-arrow {
font-size: 14px !important;
}

#hd-back-to-top-button.hd-btt-runtime .hd-btt-text {
font-size: 10px !important;
font-weight: 700 !important;
margin-top: 2px !important;
}

@media (min-width: 1024px) {
#hd-back-to-top-button.hd-btt-hide-desktop {
display: none !important;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
#hd-back-to-top-button.hd-btt-hide-tablet {
display: none !important;
}
}

@media (max-width: 767px) {
#hd-back-to-top-button.hd-btt-hide-mobile {
display: none !important;
}
}