{{-- resources/views/filament/components/custom-list-button.blade.php --}}
@once
    @push('styles')
    <style>
  @layer components { 
  .ivan-btn { 
  position: relative;
  overflow: hidden;
  z-index: 0;
}


.ivan-btn::before{
  z-index: -2 !important;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    /* transform: rotate(45deg); */
}

.ivan-btn:hover::before{
    animation: animate2 2s linear infinite;
    background: #32C0A9 !important;
    
}
.ivan-btn::after {
  content: "";
  position: absolute;
  inset: 5px;
  background: #FAFAFA !important;
  border-radius: 9999px;
  z-index: -1;
}

@keyframes animate2 {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}

.ivan-btn-color-primary {
  /* softer base */
  background: #FAFAFA !important;
  color: #444;
  border: none;
  border-radius: 9999px;         /* full pill */
  padding-right: 2rem;
  padding-left: 2rem;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  font-size: 0.875rem;           /* a bit smaller */

  /* neumorphic light mode shadows */
  box-shadow:
  6px 6px 16px 1px rgba(0, 0, 0, 0.1),
  -6px -6px 16px 1px rgba(255, 255, 255, 0.7); 
  transition: box-shadow 0.2s, background 0.2s;
}

.ivan-btn-color-primary:hover {
  /* pressed effect */
  box-shadow:
    inset 4px 4px 8px rgba(0, 0, 0, 0.1),
    inset -4px -4px 8px rgba(255, 255, 255, 0.7);
}

/* Dark-mode variant */
.dark .ivan-btn-color-primary {
  background: #1e1e1e;
  color: #ddd;

  /* swap shadows: light “down” and dark “up” for subtle lift */
  box-shadow:
    6px 6px 16px rgba(0, 0, 0, 0.6),
   -6px -6px 16px rgba(50, 50, 50, 0.4);
}

.dark .ivan-btn-color-primary:hover {
  box-shadow:
    inset 4px 4px 8px rgba(0, 0, 0, 0.6),
    inset -4px -4px 8px rgba(50, 50, 50, 0.4);
}
}
    </style>
    @endpush
@endonce

@props([
    'getUrl',
    'getName',
    'getArguments',
    'getLabel',
    'getExtraAttributes',
])

@php
    $url        = ($getUrl)();
    $name       = ($getName)();
    $arguments  = json_encode(($getArguments)());
    $attrs      = ($getExtraAttributes)();
    $existing   = $attrs['class'] ?? '';
    $attrs['class'] = trim($existing . ' ivan-btn ivan-btn-color-primary');
@endphp

@if ($url)
    <a
        href="{{ $url }}"
        @foreach ($attrs as $attr => $value)
            {{ $attr }}="{{ $value }}"
        @endforeach
    >
        <span class="relative z-10 font-bold text-primary-600">
            {!! ($getLabel)() !!}
        </span>
    </a>
@else
    <a
        href="#"
        x-data
        wire:click="mountAction('{{ $name }}',{!! $arguments !!})"
        wire:loading.attr="disabled"
        wire:loading.class="opacity-50"
        @foreach ($attrs as $attr => $value)
            {{ $attr }}="{{ $value }}"
        @endforeach
    >
        <span class="relative z-10 font-bold text-primary-600">
            {!! ($getLabel)() !!}
        </span>
    </a>
@endif