💄 Update the UI of TrailerButton

Author: mdossantosdev

client/src/components/Button/style.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { MdMovie } from 'react-icons/md';
+import { FaYoutube } from 'react-icons/fa';
 
 export const StyledLoginBtn = styled.button`
   margin: 0 1vw;
@@ -45,28 +45,25 @@ export const StyledTrailerBtn = styled.button`
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: rgb(251, 197, 0);
-  opacity: 0.9;
-  color: rgb(35, 35, 35);
-  border: none;
-  border-radius: 0.5rem;
-  padding: 0.5rem 1rem;
+  background-color: transparent;
+  color: rgb(251, 197, 0);
+  border: 0.15rem solid rgb(251, 197, 0);
+  border-radius: 10rem;
+  padding: 0.5rem 1.5rem;
   font-family: 'Abel', sans-serif;
   font-size: 1.5rem;
-  font-weight: 600;
+  font-weight: 500;
   letter-spacing: 0.05em;
   transition: all 0.3s;
-  text-decoration: none;
-  outline: none;
   cursor: pointer;
 
   :hover {
-    opacity: 1;
+    background-color: rgb(251, 197, 0);
+    color: rgb(35, 35, 35);
   }
 `;
 
-export const TrailerIcon = styled(MdMovie)`
-  color: rgb(35, 35, 35);
-  font-size: 1.5rem;
+export const TrailerIcon = styled(FaYoutube)`
+  font-size: 1.8rem;
   margin-right: 0.5rem;
 `;

package.json

@@ -12,9 +12,8 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/marcdvlpr/react-movie.git"
+    "url": "git+https://github.com/mdossantosdev/react-movie.git"
   },
-  "author": "marcdvlpr",
   "license": "MIT",
   "dependencies": {
     "axios": "^0.19.2",