@php
  $baseClasses = 'relative inline-block uppercase tracking-wider px-7 py-3 overflow-hidden group';
  $classes = trim($baseClasses . ' ' . ($class ?? ''));

  $attrString = '';
  if (!empty($attrs) && is_array($attrs)) {
      foreach ($attrs as $k => $v) {
          if (is_bool($v)) {
              if ($v) $attrString .= ' ' . e($k);
              continue;
          }
          if ($v === null) continue;

          $isJsAttr = preg_match('/^(x-|@|:)/', (string)$k) || strpos((string)$k, ':') !== false;
          $attrString .= ' ' . e($k) . '="' . ($isJsAttr ? $v : e($v)) . '"';
      }
  }

  $iconView = null;
  if (!empty($icon)) {
      $iconView = str_contains($icon, '.') ? $icon : 'icons.' . $icon;
  }
  $iconClassesFinal = trim($iconClasses ?? 'inline-block ms-2 h-6');
@endphp

<a class="{{ $classes }}" @if(!empty($href)) href="{{ $href }}" @endif {!! $attrString !!} fold-top-left="12px" fold-bottom-right="12px">
  <span class="absolute inset-0 bg-[image:var(--brand-gradient)] z-0 transition-all duration-300"></span>
  <span class="absolute inset-0 bg-[image:var(--brand-gradient-2)] opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10"></span>

  <span class="relative z-20 flex items-center">
    @if(!empty($alpineContent))
      <span x-text="{{ $alpineContent }}"></span>
    @else
      <span>{{ $content ?? '' }}</span>
    @endif

    @if($iconView)
      @include($iconView, ['classes' => $iconClassesFinal])
    @endif
  </span>
</a>