@props([
    'href',
    'title',
    'icon',
    'color',
])

<a href="{{ $href }}" {{ $attributes->merge(['class' => 'vpm-account-setting-card']) }}>
    <span class="vpm-account-setting-card__icon" style="--vpm-account-icon-bg: {{ $color }};">
        <span class="material-icons notranslate" aria-hidden="true">{{ $icon }}</span>
    </span>
    <span class="vpm-account-setting-card__title">{{ $title }}</span>
</a>