Swap to email icon

src/components/CallToAction.astro

@@ -3,21 +3,15 @@ import ButtonLink from "./ButtonLink.astro"
 ---
 
 <ButtonLink href={"mai" + "lto:" + "contact@henr" + "yhiles." + "com"}>
-    <mdui-icon>
-        <svg
+    <mdui-icon
+        ><svg
             xmlns="http://www.w3.org/2000/svg"
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
+            viewBox="0 -960 960 960"
+            fill="#e3e3e3"
             ><path
-                fill="none"
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
-                d="m9.474 16l9.181 3.284a1.1 1.1 0 0 0 1.462-.887L21.99 4.239c.114-.862-.779-1.505-1.567-1.13L2.624 11.605c-.88.42-.814 1.69.106 2.017l2.44.868l1.33.467M13 17.26l-1.99 3.326c-.65.808-1.959.351-1.959-.683V17.24a2 2 0 0 1 .53-1.356l3.871-4.2"
+                d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z"
             ></path></svg
         ></mdui-icon
     >
-    Contact me for a quote
+    Email me for a quote
 </ButtonLink>

src/styles/button.css

@@ -12,8 +12,8 @@ button,
     text-decoration: none;
 
     & mdui-icon {
-        height: 1em;
-        width: 1em;
+        height: 1.1em;
+        width: 1.1em;
         color: rgb(var(--primary));
     }