.streak_badge {
     width: 90px;
     height: 90px;
     border-radius: 50%;
     /*background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);*/
     background: linear-gradient(135deg,
             var(--bs-warning) 0%,
             var(--bs-danger) 100%);

     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     margin-bottom: 8px;
 }

 .streak_badge .icon {
     font-size: 26px;
     margin-bottom: 2px;
 }

 .streak_badge .number {
     font-size: 20px;
     font-weight: 700;
     color: white;
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
     line-height: 1;
 }