Nome das classes

classe button

 styles: {
   web: {
     controller: {
       button: { ...props }
     }
   },
   mobile: {
     controller: {
       button: { ...props }
     }
   }
 }

---

classe container

 styles: {
   web: {
     card: {
       container: { ...props }
     }
   },
   mobile: {
     card: {
       container: { ...props }
     }
   }
 }

classe content

 styles: {
   web: {
     card: {
       content: { ...props }
     }
   },
   mobile: {
     card: {
       content: { ...props }
     }
   }
 }

classe textContainer

 styles: {
   web: {
     card: {
       textContainer: { ...props }
     }
   },
   mobile: {
     card: {
       textContainer: { ...props }
     }
   }
 }

classe titleRow

 styles: {
   web: {
     card: {
       titleRow: { ...props }
     }
   },
   mobile: {
     card: {
       titleRow: { ...props }
     }
   }
 }

classe title

 styles: {
   web: {
     card: {
       title: { ...props }
     }
   },
   mobile: {
     card: {
       title: { ...props }
     }
   }
 }

classe adoptLink

 styles: {
   web: {
     card: {
       adoptLink: { ...props }
     }
   },
   mobile: {
     card: {
       adoptLink: { ...props }
     }
   }
 }

classe textsRow

 styles: {
   web: {
     card: {
       textsRow: { ...props }
     }
   },
   mobile: {
     card: {
       textsRow: { ...props }
     }
   }
 }

classe textRowContent

 styles: {
   web: {
     card: {
       textRowContent: { ...props }
     }
   },
   mobile: {
     card: {
       textRowContent: { ...props }
     }
   }
 }

classe textRowLinks

 styles: {
   web: {
     card: {
       textRowLinks: { ...props }
     }
   },
   mobile: {
     card: {
       textRowLinks: { ...props }
     }
   }
 }

classe buttonsContainer

 styles: {
   web: {
     card: {
       buttonsContainer: { ...props }
     }
   },
   mobile: {
     card: {
       buttonsContainer: { ...props }
     }
   }
 }

classe preferencesButton ou no caso de a legislação ser a CCPA é a classe rejectAllLink

 styles: {
   web: {
     card: {
       preferencesButton: { ...props }  // CCPA rejectAllLink: { ...props }
     }
   },
   mobile: {
     card: {
       preferencesButton: { ...props }  // CCPA rejectAllLink: { ...props }
     }
   }
 }

classe rejectAllButton

 styles: {
   web: {
     card: {
       rejectAllButton: { ...props } 
     }
   },
   mobile: {
     card: {
       rejectAllButton: { ...props } 
     }
   }
 }

classe acceptAllButton

 styles: {
   web: {
     card: {
       acceptAllButton: { ...props } 
     }
   },
   mobile: {
     card: {
       acceptAllButton: { ...props } 
     }
   }
 }

---

classe panel

 styles: {
   web: {
     preferenceCard: {
       panel: { ...props } 
     }
   },
   mobile: {
     preferenceCard: {
       panel: { ...props } 
     }
   }
 }

classe title

 styles: {
   web: {
     preferenceCard: {
       title: { ...props } 
     }
   },
   mobile: {
     preferenceCard: {
       title: { ...props } 
     }
   }
 }

classe closePanel

 styles: {
   web: {
     preferenceCard: {
       closePanel: { ...props } 
     }
   },
   mobile: {
     preferenceCard: {
       closePanel: { ...props } 
     }
   }
 }

classe tagCategories

 styles: {
   web: {
     preferenceCard: {
       tagCategories: { ...props } 
     }
   },
   mobile: {
     preferenceCard: {
       tagCategories: { ...props } 
     }
   }
 }

classe cardFooter

 styles: {
   web: {
     preferenceCard: {
       cardFooter: { ...props } 
     }
   },
   mobile: {
     preferenceCard: {
       cardFooter: { ...props } 
     }
   }
 }

classe smallTextFooter

 styles: {
   web: {
     preferenceCard: {
       smallTextFooter: { ...props } 
     }
   },
   mobile: {
     preferenceCard: {
       smallTextFooter: { ...props } 
     }
   }
 }

classe buttonsContainer

 styles: {
   web: {
     preferenceCard: {
       buttonsContainer: { ...props } 
     }
   },
   mobile: {
     preferenceCard: {
       buttonsContainer: { ...props } 
     }
   }
 }

classe rejectButton

 styles: {
   web: {
     preferenceCard: {
       rejectButton: { ...props } 
     }
   },
   mobile: {
     preferenceCard: {
       rejectButton: { ...props } 
     }
   }
 }

classe acceptButton

 styles: {
   web: {
     preferenceCard: {
       acceptButton: { ...props } 
     }
   },
   mobile: {
     preferenceCard: {
       acceptButton: { ...props } 
     }
   }
 }

---

classe category

 styles: {
   web: {
     categories: {
       category: { ...props } 
     }
   },
   mobile: {
     categories: {
       category: { ...props } 
     }
   }
 }

classe title

 styles: {
   web: {
     categories: {
       title: { ...props } 
     }
   },
   mobile: {
     categories: {
       title: { ...props } 
     }
   }
 }

classe description

 styles: {
   web: {
     categories: {
       description: { ...props } 
     }
   },
   mobile: {
     categories: {
       description: { ...props } 
     }
   }
 }

classe toogleShowTags

 styles: {
   web: {
     categories: {
       toogleShowTags: { ...props } 
     }
   },
   mobile: {
     categories: {
       toogleShowTags: { ...props } 
     }
   }
 }

classe tag

 styles: {
   web: {
     categories: {
       tag: { ...props } 
     }
   },
   mobile: {
     categories: {
       tag: { ...props } 
     }
   }
 }

classe tagTitleSection

 styles: {
   web: {
     categories: {
       tagTitleSection: { ...props } 
     }
   },
   mobile: {
     categories: {
       tagTitleSection: { ...props } 
     }
   }
 }

classe tagTitle

 styles: {
   web: {
     categories: {
       tagTitle: { ...props } 
     }
   },
   mobile: {
     categories: {
       tagTitle: { ...props } 
     }
   }
 }

classe tagCookieContainer

 styles: {
   web: {
     categories: {
       tagCookieContainer: { ...props } 
     }
   },
   mobile: {
     categories: {
       tagCookieContainer: { ...props } 
     }
   }
 }

classe tagCleanCacheLink

 styles: {
   web: {
     categories: {
       tagCleanCacheLink: { ...props } 
     }
   },
   mobile: {
     categories: {
       tagCleanCacheLink: { ...props } 
     }
   }
 }