···

       
27
       
 
       
    @layer components {

     

       
28
       
 
       
        .btn {

     

       
29
       
 
       
            @apply relative z-10 inline-flex min-h-[30px] cursor-pointer items-center

     

       
30
       
-
       
            justify-center border-0 bg-transparent px-2 pb-[0.2rem] text-base

     

       
31
       
-
       
            text-gray-900 before:absolute before:inset-0 before:-z-10

     

       
32
       
-
       
            before:block before:rounded-sm before:border before:border-blue-200

     

       
33
       
-
       
            before:bg-white before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-3px_0_0_#e5edff]

     

       
34
       
-
       
            before:content-[''] hover:before:border-blue-300

     

       
35
       
-
       
            hover:before:bg-blue-50

     

       
36
       
-
       
            hover:before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-3px_0_0_#e5edff]

     

       
37
       
-
       
            focus:outline-none focus-visible:before:outline

     

       
38
       
-
       
            focus-visible:before:outline-4 focus-visible:before:outline-blue-500

     

       
39
       
-
       
            active:border-t-2 active:border-transparent active:py-1

     

       
40
       
-
       
            active:before:shadow-none;

     

       
41
       
 
       
        }

     

       
42
       
 
       
    }

     

       
43
       
 
       
    @layer utilities {

     

···

       
27
       
 
       
    @layer components {

     

       
28
       
 
       
        .btn {

     

       
29
       
 
       
            @apply relative z-10 inline-flex min-h-[30px] cursor-pointer items-center

     

       
30
       
+
       
                justify-center bg-transparent px-2 pb-[0.2rem] text-base

     

       
31
       
+
       
                text-gray-900 before:absolute before:inset-0 before:-z-10

     

       
32
       
+
       
                before:block before:rounded-sm before:border before:border-blue-200

     

       
33
       
+
       
                before:bg-white before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-2px_0_0_#e5edff]

     

       
34
       
+
       
                before:content-[''] hover:before:border-blue-300

     

       
35
       
+
       
                hover:before:bg-blue-50

     

       
36
       
+
       
                hover:before:shadow-[0_2px_2px_0_rgba(20,20,96,0.1),inset_0_-2px_0_0_#e5edff]

     

       
37
       
+
       
                focus:outline-none focus-visible:before:outline

     

       
38
       
+
       
                focus-visible:before:outline-4 focus-visible:before:outline-blue-500

     

       
39
       
+
       
                active:before:shadow-[inset_0_2px_2px_0_rgba(20,20,96,0.1)];

     

       
0
       
 
       

     

       
40
       
 
       
        }

     

       
41
       
 
       
    }

     

       
42
       
 
       
    @layer utilities {