diff --git a/src/components/Movie/styles.js b/src/components/Movie/styles.js
index e69de29..6988d55 100644
--- a/src/components/Movie/styles.js
+++ b/src/components/Movie/styles.js
@@ -0,0 +1,37 @@
+import { makeStyles } from '@mui/styles';
+
+export default makeStyles((theme) => ({
+    movie: {
+        padding: '10px',
+    },
+    title: {
+        color: theme.palette.text.primary,
+        textOverflow: 'ellipsis',
+        width: '230px',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        marginTop: '10px',
+        marginBottom: 0,
+        textAlign: 'center',
+    },
+    links: {
+        alignItems: 'center',
+        fontWeight: 'bolder',
+        textDecoration: 'none',
+        [theme.breakpoints.up('xs')]: {
+            display: 'flex',
+            flexDirection: 'column',
+        },
+        '&:hover': {
+            cursor: 'pointer',
+        },
+    },
+    image: {
+        borderRadius: '20px',
+        height: '300px',
+        marginBottom: '10px',
+        '&:hover': {
+            transform: 'scale(1.05)',
+        },
+    },
+}));