Add a label to the unframed button

Makes the button more visible and understandable at a glance.

Author: edman

src/components/unframed.html

@@ -26,12 +26,13 @@
     height="24"
     viewBox="0 -960 960 960"
     width="24"
-    aria-label="Go Unframed!"
+    aria-hidden="true"
   >
     <path
       d="M120-120v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-320v-80h80v80h-80Zm0-320v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-320v-80h80v80h-80Zm0-320v-80h80v80h-80Zm160 640v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Zm0-160v-80h80v80h-80Z"
     />
   </svg>
+  <span>Go unframed</span>
 </button>
 
 <style>
@@ -67,14 +68,17 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    padding: 0.5rem;
-    border-radius: 50%;
+    gap: 0.5rem;
+    padding: 0.5rem 1rem;
+    border-radius: 2rem;
     border: 0;
     position: absolute;
     right: 1rem;
     bottom: 1rem;
     background-color: #ea4335;
     box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
+    color: white;
+    font-weight: bold;
 
     svg {
       fill: white;