diff --git a/styles/css/vtex-breadcrumb.css b/styles/css/vtex-breadcrumb.css
new file mode 100644
index 0000000..48182e0
--- /dev/null
+++ b/styles/css/vtex-breadcrumb.css
@@ -0,0 +1,20 @@
+/*
+0 - 600PX: Phone
+600 - 900px: Table portrait
+900 - 1200px: Tablet landscape
+[1200 - 1800] is where our nortal styles apply
+1800px + : Big desktop
+*/
+/* Media Query M3 */
+/* Grid breakpoints */
+:global(.vtex-breadcrumb-1-x-container) {
+  background-color: black;
+}
+
+:global(.vtex-breadcrumb-1-x-container--m3-product-breadcrumb) {
+  color: red;
+}
+
+.product-breadcrumb, .homeLink {
+  background-color: blue;
+}
\ No newline at end of file
diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css
new file mode 100644
index 0000000..af2f42e
--- /dev/null
+++ b/styles/css/vtex.breadcrumb.css
@@ -0,0 +1,54 @@
+/*
+0 - 600PX: Phone
+600 - 900px: Table portrait
+900 - 1200px: Tablet landscape
+[1200 - 1800] is where our nortal styles apply
+1800px + : Big desktop
+*/
+/* Media Query M3 */
+/* Grid breakpoints */
+.container {
+  display: flex;
+}
+
+.homeLink::after {
+  content: "Home";
+}
+
+.homeLink,
+.link--1,
+.link--2 {
+  text-transform: capitalize;
+  font-family: Open Sans;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 19px;
+  color: #929292;
+}
+.homeLink::after,
+.link--1::after,
+.link--2::after {
+  text-transform: capitalize;
+  font-family: Open Sans;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 19px;
+  color: #929292;
+  color: #929292;
+}
+
+.homeIcon,
+.term {
+  display: none;
+}
+
+.link--1 {
+  font-size: 0;
+}
+.link--1::after {
+  content: "Sapatos";
+}
+
+.caretIcon:last-child {
+  display: none;
+}
\ No newline at end of file