/site/blog/goat/components/CTAButton.tsx

import React from 'react';

import styles from './CTAButton.module.css';

const CTAButton: React.FC = () => {
  return (
    <div className={styles.ctaContainer}>
      <a href="/contact/" className={styles.ctaButton} role="button" aria-label="Book a Demo">
        Book a Demo
        <svg
          className={styles.arrow}
          width="16"
          height="16"
          viewBox="0 0 24 24"
          fill="none"
          stroke="currentColor"
          strokeWidth="1.5"
          strokeLinecap="round"
          strokeLinejoin="round"
          aria-hidden="true"
        >
          <path d="M5 12h14" />
          <path d="m12 5 7 7-7 7" />
        </svg>
      </a>
    </div>
  );
};

export default CTAButton;