Class names

class button

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

---

class container

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

class content

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

class textContainer

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

class titleRow

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

class adoptLink

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

class textsRow

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

class textRowContent

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

class textRowLinks

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

class buttonsContainer

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

class preferencesButton or in the case of the legislation being the CCPA it is the class rejectAllLink

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

class rejectAllButton

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

class acceptAllButton

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

---

class panel

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

class title

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

class closePanel

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

class tagCategories

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

class cardFooter

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

class smallTextFooter

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

class buttonsContainer

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

class rejectButton

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

class acceptButton

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

---

class category

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

class title

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

class description

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

class toogleShowTags

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

class tag

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

class tagTitleSection

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

class tagTitle

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

class tagCookieContainer

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

class tagCleanCacheLink

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