<%= link_to savings_goal_path(goal),
class: "group block bg-container rounded-xl shadow-border-xs hover:bg-surface-hover transition-colors p-6 #{"opacity-75" if goal.paused?}",
data: {
savings_goals_filter_target: "card",
goal_name: goal.name,
goal_status: goal.paused? ? "paused" : goal.status
} do %>
<%= render Savings::GoalAvatarComponent.new(goal: goal, size: "lg") %>
<%= goal.name %>
<%= render Savings::StatusPillComponent.new(goal: goal) %>
<%= secondary_line %>
<%= goal.current_balance_money.format %>
/ <%= goal.target_amount_money.format %>
<% if pace_line %>
<%= pace_line %>
<% end %>
<%= render Savings::AccountStackComponent.new(accounts: linked_accounts) %>
<%= linked_accounts_count_label %>
<%= footer_line %>
<% end %>