@props(['rotate' => 45, 'w' => 250, 'direction' => 'left', 'gradient' => 50])
<div {{ $attributes->class(['overflow-clip rounded-full aspect-[250/340] h-auto']) }} style="transform: rotate({{ $rotate }}deg);width: {{ $w }}px;--max-size:{{ $w * 5 }}px">
    <div style="transform: rotate({{ $rotate * -1 }}deg); background-image:linear-gradient({{ $direction === 'right' ? 'to right' : 'to left' }},#869ECC 0%,#5E7EBC {{ $gradient }}%,#3A62AD {{ $gradient + 3 }}%)" class="absolute -inset-[--max-size]"></div>
</div>