/* Dot animation styling */
  .loading-text-dot-animation {
    display: inline-block;
    position: relative;
  }

  .loading-text-dot-animation::after {
    content: '';
    display: inline-block;
    width: 1em;
    text-align: left;
    animation: dots 1.5s steps(3, end) infinite;
  }

  /* Dots animation keyframes */
  @keyframes dots {
    0% { content: ''; }
    33% { content: '.'; }
    66% { content: '..'; }
    100% { content: '...'; }
  }