.p-sidebar-header-content {
  width: 100%;
  font-weight: 700;
  font-size: 1.25rem;
}

.whatsapp {
  color: #25d366;
}

.badge {
  border-radius: var(--border-radius);
  padding: 0.25em 0.5rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
}

.badge-green {
  background: var(--green-500);
  color: var(--surface-a);
}

.badge-red {
  background: var(--red-500);
  color: var(--surface-a);
}

.badge-yellow {
  background: var(--yellow-500);
  color: var(--surface-a);
}

.badge-blue {
  background: var(--blue-500);
  color: var(--surface-a);
}

.badge-gray {
  background: var(--gray-500);
  color: var(--surface-a);
}

.badge-orange {
  background: var(--orange-400);
  color: var(--surface-a);
}

.scroll-message {
  width: 50px !important;
  min-width: initial !important;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px 0 0 10px;
  z-index: 1;
}

.scroll-message > span {
  display: block;
  position: relative;
  width: 30px;
  height: 30px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(/images/horizontal-scroll.png);
  background-size: contain;
  animation-name: move-scroll-message;
  animation-duration: 1s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

@keyframes move-scroll-message {
  from {
    left: 0;
  }
  to {
    left: 15px;
  }
}