.dx-records-ball { position: fixed; right: 20px; bottom: 90px; z-index: 50; width: 48px; height: 48px; border-radius: 50%; background-color: var(--dx-primary-color); color: rgb(255, 255, 255); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-size: 10px; line-height: 1.15; }
.dx-records-ball svg { width: 15px; height: 15px; margin-bottom: 2px; }
.dx-records-ball:hover { opacity: var(--dx-hover-opacity); }
.dx-backtop { width: 48px; height: 48px; padding: 4px; }
.dx-backtop-label { display: block; font-size: 10px; line-height: 1.15; margin-top: 1px; }
@media (min-width: 768px) {
  .dx-records-ball { bottom: 70px; width: 60px; height: 60px; font-size: 12px; }
  .dx-records-ball svg { width: 17px; height: 17px; }
  .dx-backtop { width: 60px; height: 60px; }
  .dx-backtop-label { font-size: 12px; }
}