@layer components {
  .admin-link {
    @apply text-blue-600 hover:text-blue-900;
  }

  .admin-link.danger {
    @apply text-red-600 hover:text-red-900;
  }

  .admin-btn{
    @apply px-4 py-2 bg-orange text-black rounded-lg hover:bg-gray-300;
  }

  .admin-details {
    @apply grid grid-cols-1 md:grid-cols-4 gap-6 mt-12 mb-8;
  }

  .admin-details .admin-attribute {
  }

  .admin-attribute-name {
    @apply text-sm font-semibold text-black tracking-wide uppercase;
  }

  .admin-details .admin-attribute-value {
    @apply text-xl font-bold text-black;
  }

  .admin-num {
    @apply text-xl font-bold text-black;
    @apply w-10 h-10 bg-blue rounded-full flex items-center justify-center text-white font-bold;
  }
}