Add the 'Start now' button component

app/components/start_now_button/start_now_button_component.html.erb

@@ -0,0 +1,6 @@
+<a href="<%= @href %>" role="button" draggable="false" class="govuk-button govuk-button--start" data-module="govuk-button">
+    <%= @text %>
+    <svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19" viewBox="0 0 33 40" aria-hidden="true" focusable="false">
+      <path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z" />
+    </svg>
+</a>

app/components/start_now_button/start_now_button_component.rb

@@ -0,0 +1,8 @@
+class StartNowButton::StartNowButtonComponent < ViewComponent::Base
+  attr_accessor :text, :href
+
+  def initialize(text:, href:)
+    @text = text
+    @href = href
+  end
+end

spec/components/panel/start_now_button_component_spec.rb

@@ -0,0 +1,14 @@
+require 'spec_helper'
+
+RSpec.describe(StartNowButton::StartNowButtonComponent, type: :component) do
+  let(:text) { 'Department for Education' }
+  let(:href) { 'https://www.gov.uk/government/organisations/department-for-education' }
+  let(:component) { StartNowButton::StartNowButtonComponent.new(text: text, href: href) }
+  subject { Capybara::Node::Simple.new(render_inline(component).to_html) }
+
+  specify 'should have a title and body with the correct contents' do
+    expect(subject).to have_css('a', text: text, class: %w(govuk-button govuk-button--start)) do
+      expect(page).to have_css('svg')
+    end
+  end
+end