Website/app/frontend/styles/components/BurgerMenu/User.scss

.burger-menu-user {
  @apply flex flex-col items-center;
  @apply text-gray-900 dark:text-gray-100;


  &__picture-wrapper {
    @apply w-1/3 aspect-square mx-auto;
  }

  &__name {
    @apply app__text-bold text-xl;
    @apply h-6;
  }

  &__icon-full {
    @apply burger-menu__icon-full;
  }

  &__email {
    @apply app__text-light text-base;
    @apply h-6;
  }

  &__info {
    @apply app__text-light text-base;
    @apply h-6;
  }

  &__actions {
    @apply inline-flex  mt-2;

    button {
      @apply inline-flex p-1;
      @apply bg-transparent;
      @apply app__text text-sm;
      @apply border border-r-0 border-gray-900 dark:border-gray-100;

      &:first-of-type {
        @apply rounded-s-lg;
      }

      &:last-of-type {
        @apply rounded-e-lg border-r;
      }
    }
  }
}