Refactors (#162)

- Updated export of SecondaryGrayButton to match other button variants
- Updated gradient animation
- Fix indentation

src/react-code/Encoder/index.jsx

@@ -460,7 +460,7 @@ const Encoder = () => {
                 Save All to Your Computer
               </Button>
               <Button
-               variant="secondary-gray"
+                variant="secondary-gray"
                 size='sm'
                 type='file'
                 iconLeading

src/react-code/components/Button/Button.jsx

@@ -3,7 +3,7 @@ import { forwardRef } from 'react'
 import { LinkColorButton } from './LinkColorButton'
 import { LinkGrayButton } from './LinkGrayButton'
 import { PrimaryButton } from './PrimaryButton'
-import SecondaryGrayButton from './SecondaryGrayButton'
+import { SecondaryGrayButton } from './SecondaryGrayButton'
 
 const Button = forwardRef((props, ref) => {
   const { variant, children } = props

src/react-code/components/Button/SecondaryGrayButton.jsx

@@ -14,4 +14,4 @@ const SecondaryGrayButton = (props) => {
   )
 }
 
-export default SecondaryGrayButton
+export { SecondaryGrayButton }

src/views/homepage/hero/PressroomAnnouncement.scss

@@ -35,24 +35,13 @@
             position: absolute;
             inset: -0.2rem;
             z-index: -1;
-            opacity: 1;
+            opacity: 0;
             background: conic-gradient(
                 from var(--gradient-angle),
-                violet,
-                violet,
-                violet,
-                indigo,
-                indigo,
-                indigo,
-                indigo,
-                orange,
-                orange,
-                red,
-                red,
-                violet
+                #4D14FF, #EC14FF, #FFA825, #FFA825, #EC14FF, #4D14FF
             );
             border-radius: inherit;
-            animation: gradient-rotation 10s linear infinite, gradient-opacity linear 2s alternate infinite;
+            animation: gradient-rotation 5s linear infinite, gradient-opacity linear 3s alternate infinite;
         }
     }
 
@@ -66,12 +55,12 @@
     }
 
     @keyframes gradient-opacity {
-        0% {
-            opacity: 1;
+        0%, 70% {
+            opacity: 0;
         }
 
-        20%, 100% {
-            opacity: 0;
+        90%, 100% {
+            opacity: 1;
         }
     }