.dnxte-back-to-top-wrapper img {
max-width: 30px;
height: 30px;
object-fit: contain;
}
.et_pb_scroll_top.dnxte-back-to-top-wrapper.et-pb-icon {
border-radius: unset !important;
background: transparent !important;
font-size: 0 !important;
padding: 0 !important;
color: transparent !important;
}
.et_pb_scroll_top.dnxte-back-to-top-wrapper.et-pb-icon::before {
display: none;
}
.et_pb_scroll_top.dnxte-back-to-top-wrapper #dnxte-back-to-top-button{
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
gap: 8px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
transition: all .3s ease-in;
overflow: hidden;
}
.dnxte-back-to-top-wrapper.dnxte-back-to-top-left.et_pb_scroll_top {
right: unset;
left: 20px;
}
.dnxte-back-to-top-wrapper.dnxte-back-to-top-left.et_pb_scroll_top.et-hidden {
opacity: 0;
animation: fadeOutLeft 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.dnxte-back-to-top-wrapper.dnxte-back-to-top-left.et_pb_scroll_top.et-visible {
opacity: 1;
animation: fadeInLeft 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.et_pb_scroll_top.dnxte-back-to-top-wrapper .dnxte-back-to-top-vertical i {
transform: rotate(180deg);
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-100%);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.dnxte-back-to-top-wrapper .dnxte-back-to-top-vertical {
transform: rotate(180deg);
writing-mode: vertical-rl;
display: flex;
gap: 8px;
}
.et_pb_scroll_top.dnxte-back-to-top-wrapper.et-pb-icon.dnxte-back-to-top-hide-on-mobile {
display: none !important;
}