fix(): CTA Button States

Author: TOberpaul

template/components/CTA/CTA.css

@@ -44,30 +44,30 @@
 /* Inverted primary action button (white with brand text) */
 .cta :is(.db-button)[data-variant='brand'],
 .cta :is(.db-button--brand) {
-  background: var(--db-brand-on-origin-default);
-  color: var(--db-brand-origin-default);
-  border: var(--db-border-width-3xs) solid var(--db-brand-origin-default);
+  background: var(--db-brand-on-origin-default) !important;
+  color: var(--db-brand-origin-default) !important;
+  border: var(--db-border-width-3xs) solid var(--db-brand-origin-default) !important;
 }
 .cta :is(.db-button)[data-variant='outlined'],
 .cta :is(.db-button--outlined) {
   background: transparent;
-  color: var(--db-brand-on-origin-default);
-  border: var(--db-border-width-3xs) solid var(--db-brand-on-origin-default);
+  color: var(--db-brand-on-origin-default) !important;
+  border: var(--db-border-width-3xs) solid var(--db-brand-on-origin-default) !important;
 }
 
 .cta :is(.db-button)[data-variant='brand']:hover,
 .cta :is(.db-button--brand):hover {
   opacity: 0.88;
-  background: var(--db-brand-on-origin-default);
-  color: var(--db-brand-origin-default);
-  border: var(--db-border-width-3xs) solid var(--db-brand-origin-default);
+  background: var(--db-brand-on-origin-default) !important;
+  color: var(--db-brand-origin-default) !important;
+  border: var(--db-border-width-3xs) solid var(--db-brand-origin-default) !important;
 }
 
 .cta :is(.db-button)[data-variant='outlined']:hover,
 .cta :is(.db-button--outlined):hover {
-  background: rgba(255, 255, 255, 0.24);
-  color: var(--db-brand-on-origin-default);
-  border: var(--db-border-width-3xs) solid var(--db-brand-on-origin-default);
+  background: rgba(255, 255, 255, 0.24) !important;
+  color: var(--db-brand-on-origin-default) !important;
+  border: var(--db-border-width-3xs) solid var(--db-brand-on-origin-default) !important;
 }
 
 @media (max-width: 767px) {