.spv-post-views-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
  color: #4b5563;
  background-color: #f3f4f6;
  padding: 0.25rem 0.625rem;
  border-radius: 9999px;
  font-weight: 500;
}
.spv-icon {
  width: 1rem;
  height: 1rem;
}

/* Accessible transitions and print media overrides */
.spv-post-views-wrapper {
  margin: 1rem 0;
  display: block;
}

.spv-count.spv-loaded {
  animation: spvFadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes spvFadeIn {
  from {
    opacity: 0.4;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media print {
  .spv-post-views-wrapper {
    display: none !important;
  }
}