@props(['tone' => 'default'])

@php
    $base = 'group relative rounded-2xl bg-white ring-1 ring-slate-200/60 shadow-[0_1px_2px_rgba(15,23,42,0.04),0_8px_24px_-12px_rgba(15,23,42,0.08)] transition-all duration-300 hover:-translate-y-[1px] hover:shadow-[0_2px_4px_rgba(15,23,42,0.05),0_16px_40px_-16px_rgba(15,23,42,0.18)] hover:ring-slate-300/70';
@endphp

<div {{ $attributes->merge(['class' => $base]) }}>
    {{ $slot }}
</div>