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

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

  .manager-details .manager-attribute {
  }

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

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

  .manager-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;
  }
}