@props(['as' => 'div', 'padded' => true])

@php
    $padding = $padded ? 'p-7 sm:p-8' : 'p-0';
@endphp

<{{ $as }} {{ $attributes->merge(['class' => 'rounded-none border border-line bg-surface-raised text-on-surface shadow-soft transition-all duration-base ease-out-soft hover:-translate-y-0.5 hover:shadow-lift ' . $padding]) }}>
    {{ $slot }}
</{{ $as }}>