@props(['url', 'color' => 'primary', 'align' => 'center'])

@php
  $backgroundColors = [
      'primary' => '#2d3748',
      'success' => '#48bb78',
      'error' => '#e53e3e',
  ];

  $bg = $backgroundColors[$color] ?? $color;
@endphp

<mj-button href="{{ $url }}" background-color="{{ $bg }}" color="#ffffff" font-size="15px" font-weight="bold"
  border-radius="4px" align="{{ $align }}" padding="15px 0">
  {{ $slot }}
</mj-button>