/*
 * Section Theme Styles
 * Generated: 2026-08-05 01:06:58
 * DO NOT EDIT - Regenerated from Settings > Section Themes
 */
:root {
  --section-bg: var(--tcb-color-white);
  --heading-color: var(--tcb-color-title);
  --paragraph-color: var(--tcb-color-paragraph);
  --link-color: var(--tcb-color-primary);
  --link-hover-color: var(--tcb-color-secondary);
  --card-bg: var(--tcb-color-white);
  --card-border: var(--tcb-color-stroke);
  --card-heading: var(--tcb-color-title);
  --card-paragraph: var(--tcb-color-paragraph);
  --table-heading-text: var(--tcb-color-white);
  --table-heading-bg: var(--tcb-color-primary);
  --table-text: var(--tcb-color-paragraph);
  --table-bg: var(--tcb-color-white);
  --table-border: var(--tcb-color-stroke);
  --separator-border: var(--tcb-color-stroke);
  --btn-cta-text: var(--tcb-color-white);
  --btn-cta-bg: var(--tcb-color-primary);
  --btn-cta-border: var(--tcb-color-primary);
  --btn-cta-text-hover: var(--tcb-color-white);
  --btn-cta-bg-hover: var(--tcb-color-secondary);
  --btn-cta-border-hover: var(--tcb-color-secondary);
  --btn-ghost-text: var(--tcb-color-primary);
  --btn-ghost-bg: transparent;
  --btn-ghost-border: var(--tcb-color-primary);
  --btn-ghost-text-hover: var(--tcb-color-white);
  --btn-ghost-bg-hover: var(--tcb-color-primary);
  --btn-ghost-border-hover: var(--tcb-color-primary);
  --btn-txt-text: var(--tcb-color-primary);
  --btn-txt-bg: transparent;
  --btn-txt-border: transparent;
  --btn-txt-text-hover: var(--tcb-color-secondary);
  --btn-txt-bg-hover: transparent;
  --btn-txt-border-hover: transparent;
  --form-text: var(--tcb-color-paragraph);
  --form-bg: var(--tcb-color-white);
  --form-border: var(--tcb-color-stroke);
  --form-placeholder: var(--tcb-color-paragraph);
  --form-border-focus: var(--tcb-color-primary);
  --form-bg-focus: var(--tcb-color-white);
  --form-label-text: var(--tcb-color-title);
}

.theme-light {
  --section-bg: var(--tcb-color-white);
  --heading-color: var(--tcb-color-black);
  --paragraph-color: var(--tcb-color-paragraph);
  --link-color: var(--tcb-color-primary);
  --link-hover-color: var(--tcb-color-secondary);
  --card-bg: var(--tcb-color-white);
  --card-border: var(--tcb-color-stroke);
  --card-heading: var(--tcb-color-black);
  --card-paragraph: var(--tcb-color-paragraph);
  --table-heading-text: var(--tcb-color-white);
  --table-heading-bg: var(--tcb-color-primary);
  --table-text: var(--tcb-color-paragraph);
  --table-bg: var(--tcb-color-white);
  --table-border: var(--tcb-color-stroke);
  --separator-border: var(--tcb-color-stroke);
  --btn-cta-text: var(--tcb-color-white);
  --btn-cta-bg: var(--tcb-color-primary);
  --btn-cta-border: var(--tcb-color-primary);
  --btn-cta-text-hover: var(--tcb-color-white);
  --btn-cta-bg-hover: var(--tcb-color-secondary);
  --btn-cta-border-hover: var(--tcb-color-secondary);
  --btn-ghost-text: var(--tcb-color-primary);
  --btn-ghost-bg: transparent;
  --btn-ghost-border: var(--tcb-color-primary);
  --btn-ghost-text-hover: var(--tcb-color-white);
  --btn-ghost-bg-hover: var(--tcb-color-primary);
  --btn-ghost-border-hover: var(--tcb-color-primary);
  --btn-txt-text: var(--tcb-color-primary);
  --btn-txt-bg: transparent;
  --btn-txt-border: transparent;
  --btn-txt-text-hover: var(--tcb-color-secondary);
  --btn-txt-bg-hover: transparent;
  --btn-txt-border-hover: transparent;
  --form-text: var(--tcb-color-paragraph);
  --form-bg: var(--tcb-color-white);
  --form-border: var(--tcb-color-stroke);
  --form-placeholder: var(--tcb-color-paragraph);
  --form-border-focus: var(--tcb-color-primary);
  --form-bg-focus: var(--tcb-color-white);
  --form-label-text: var(--tcb-color-title);
}

.theme-dark {
  --section-bg: var(--tcb-color-black);
  --heading-color: var(--tcb-color-white);
  --paragraph-color: var(--tcb-color-white);
  --link-color: var(--tcb-color-primary);
  --link-hover-color: var(--tcb-color-secondary);
  --card-bg: var(--tcb-color-black);
  --card-border: var(--tcb-color-stroke);
  --card-heading: var(--tcb-color-white);
  --card-paragraph: var(--tcb-color-white);
  --table-heading-text: var(--tcb-color-white);
  --table-heading-bg: var(--tcb-color-primary);
  --table-text: var(--tcb-color-white);
  --table-bg: var(--tcb-color-black);
  --table-border: var(--tcb-color-stroke);
  --separator-border: var(--tcb-color-stroke);
  --btn-cta-text: var(--tcb-color-white);
  --btn-cta-bg: var(--tcb-color-primary);
  --btn-cta-border: var(--tcb-color-primary);
  --btn-cta-text-hover: var(--tcb-color-white);
  --btn-cta-bg-hover: var(--tcb-color-secondary);
  --btn-cta-border-hover: var(--tcb-color-secondary);
  --btn-ghost-text: var(--tcb-color-primary);
  --btn-ghost-bg: transparent;
  --btn-ghost-border: var(--tcb-color-primary);
  --btn-ghost-text-hover: var(--tcb-color-white);
  --btn-ghost-bg-hover: var(--tcb-color-primary);
  --btn-ghost-border-hover: var(--tcb-color-primary);
  --btn-txt-text: var(--tcb-color-primary);
  --btn-txt-bg: transparent;
  --btn-txt-border: transparent;
  --btn-txt-text-hover: var(--tcb-color-secondary);
  --btn-txt-bg-hover: transparent;
  --btn-txt-border-hover: transparent;
  --form-text: var(--tcb-color-white);
  --form-bg: var(--tcb-color-black);
  --form-border: var(--tcb-color-stroke);
  --form-placeholder: var(--tcb-color-white);
  --form-border-focus: var(--tcb-color-primary);
  --form-bg-focus: var(--tcb-color-black);
  --form-label-text: var(--tcb-color-white);
}

/* Default Theme Styles - Applied to all content, can be overridden by specific themes */
.tcb-content h1,
.tcb-content h2,
.tcb-content h3,
.tcb-content h4,
.tcb-content h5,
.tcb-content h6 {
  color: var(--heading-color);
}
.tcb-content p,
.tcb-content li {
  color: var(--paragraph-color);
}
.tcb-content a:not(.btn):not([class*="btn-"]):not(.btn-cta):not(.btn-ghost):not(.btn-txt):not(.cta):not(.ghost):not(.txt) {
  color: var(--link-color);
}
.tcb-content a:not(.btn):not([class*="btn-"]):not(.btn-cta):not(.btn-ghost):not(.btn-txt):not(.cta):not(.ghost):not(.txt):hover {
  color: var(--link-hover-color);
}

/* Theme Section Styles - Scoped to .tcb-content to avoid affecting WordPress admin */
.tcb-content [class*="theme-"] {
  background-color: var(--section-bg);
}
.tcb-content [class*="theme-"] h1,
.tcb-content [class*="theme-"] h2,
.tcb-content [class*="theme-"] h3,
.tcb-content [class*="theme-"] h4,
.tcb-content [class*="theme-"] h5,
.tcb-content [class*="theme-"] h6 {
  color: var(--heading-color);
}
.tcb-content [class*="theme-"] p,
.tcb-content [class*="theme-"] li {
  color: var(--paragraph-color);
}
.tcb-content [class*="theme-"] a:not(.btn):not([class*="btn-"]):not(.btn-cta):not(.btn-ghost):not(.btn-txt):not(.cta):not(.ghost):not(.txt) {
  color: var(--link-color);
}
.tcb-content [class*="theme-"] a:not(.btn):not([class*="btn-"]):not(.btn-cta):not(.btn-ghost):not(.btn-txt):not(.cta):not(.ghost):not(.txt):hover {
  color: var(--link-hover-color);
}

/* Theme Card Styles */
.tcb-content [class*="theme-"] .tcb-card,
.tcb-content [class*="theme-"] [class*="card"] {
  background-color: var(--card-bg);
  border-color: var(--card-border);
}
.tcb-content [class*="theme-"] .tcb-card h1,
.tcb-content [class*="theme-"] .tcb-card h2,
.tcb-content [class*="theme-"] .tcb-card h3,
.tcb-content [class*="theme-"] .tcb-card h4,
.tcb-content [class*="theme-"] .tcb-card h5,
.tcb-content [class*="theme-"] .tcb-card h6,
.tcb-content [class*="theme-"] [class*="card"] h1,
.tcb-content [class*="theme-"] [class*="card"] h2,
.tcb-content [class*="theme-"] [class*="card"] h3,
.tcb-content [class*="theme-"] [class*="card"] h4,
.tcb-content [class*="theme-"] [class*="card"] h5,
.tcb-content [class*="theme-"] [class*="card"] h6 {
  color: var(--card-heading);
}
.tcb-content [class*="theme-"] .tcb-card p,
.tcb-content [class*="theme-"] [class*="card"] p {
  color: var(--card-paragraph);
}

/* Theme Table Styles */
.tcb-content [class*="theme-"] table {
  border-color: var(--table-border) !important;
}
.tcb-content [class*="theme-"] table th {
  color: var(--table-heading-text) !important;
  background-color: var(--table-heading-bg) !important;
  border-color: var(--table-border) !important;
}
.tcb-content [class*="theme-"] table td {
  color: var(--table-text) !important;
  background-color: var(--table-bg) !important;
  border-color: var(--table-border) !important;
}

/* Theme Separator Styles */
.tcb-content [class*="theme-"] hr,
.tcb-content [class*="theme-"] .separator {
  border-color: var(--separator-border);
}

/* Theme Button Styles - CTA */
/* Supports both .btn-cta (hyphenated) and .btn.cta (compound) class patterns */
.tcb-content [class*="theme-"] .btn-cta,
.tcb-content [class*="theme-"] a.btn-cta,
.tcb-content [class*="theme-"] button.btn-cta,
.tcb-content [class*="theme-"] .btn.cta,
.tcb-content [class*="theme-"] a.btn.cta,
.tcb-content [class*="theme-"] button.btn.cta {
  color: var(--btn-cta-text) !important;
  background-color: var(--btn-cta-bg) !important;
  border-color: var(--btn-cta-border) !important;
}
.tcb-content [class*="theme-"] .btn-cta:hover:not([class*="hover:"]),
.tcb-content [class*="theme-"] a.btn-cta:hover:not([class*="hover:"]),
.tcb-content [class*="theme-"] button.btn-cta:hover:not([class*="hover:"]),
.tcb-content [class*="theme-"] .btn.cta:hover:not([class*="hover:"]),
.tcb-content [class*="theme-"] a.btn.cta:hover:not([class*="hover:"]),
.tcb-content [class*="theme-"] button.btn.cta:hover:not([class*="hover:"]) {
  background-color: var(--btn-cta-bg-hover) !important;
  color: var(--btn-cta-text-hover) !important;
  border-color: var(--btn-cta-border-hover) !important;
}

/* Theme Button Styles - Ghost */
.tcb-content [class*="theme-"] .btn-ghost,
.tcb-content [class*="theme-"] a.btn-ghost,
.tcb-content [class*="theme-"] button.btn-ghost,
.tcb-content [class*="theme-"] .btn.ghost,
.tcb-content [class*="theme-"] a.btn.ghost,
.tcb-content [class*="theme-"] button.btn.ghost {
  color: var(--btn-ghost-text) !important;
  background-color: var(--btn-ghost-bg) !important;
  border-color: var(--btn-ghost-border) !important;
}
.tcb-content [class*="theme-"] .btn-ghost:hover:not([class*="hover:"]),
.tcb-content [class*="theme-"] a.btn-ghost:hover:not([class*="hover:"]),
.tcb-content [class*="theme-"] button.btn-ghost:hover:not([class*="hover:"]),
.tcb-content [class*="theme-"] .btn.ghost:hover:not([class*="hover:"]),
.tcb-content [class*="theme-"] a.btn.ghost:hover:not([class*="hover:"]),
.tcb-content [class*="theme-"] button.btn.ghost:hover:not([class*="hover:"]) {
  background-color: var(--btn-ghost-bg-hover) !important;
  color: var(--btn-ghost-text-hover) !important;
  border-color: var(--btn-ghost-border-hover) !important;
}

/* Theme Button Styles - Text */
.tcb-content [class*="theme-"] .btn-txt,
.tcb-content [class*="theme-"] a.btn-txt,
.tcb-content [class*="theme-"] button.btn-txt,
.tcb-content [class*="theme-"] .btn.txt,
.tcb-content [class*="theme-"] a.btn.txt,
.tcb-content [class*="theme-"] button.btn.txt {
  color: var(--btn-txt-text) !important;
  background-color: var(--btn-txt-bg) !important;
  border-color: var(--btn-txt-border) !important;
}
.tcb-content [class*="theme-"] .btn-txt:hover:not([class*="hover:"]),
.tcb-content [class*="theme-"] a.btn-txt:hover:not([class*="hover:"]),
.tcb-content [class*="theme-"] button.btn-txt:hover:not([class*="hover:"]),
.tcb-content [class*="theme-"] .btn.txt:hover:not([class*="hover:"]),
.tcb-content [class*="theme-"] a.btn.txt:hover:not([class*="hover:"]),
.tcb-content [class*="theme-"] button.btn.txt:hover:not([class*="hover:"]) {
  background-color: var(--btn-txt-bg-hover) !important;
  color: var(--btn-txt-text-hover) !important;
  border-color: var(--btn-txt-border-hover) !important;
}

/* Semantic Helper Classes - Scoped to .tcb-content */
.tcb-content .section-bg { background-color: var(--section-bg); }
.tcb-content .heading-color { color: var(--heading-color); }
.tcb-content .paragraph-color { color: var(--paragraph-color); }
.tcb-content .link-color { color: var(--link-color); }
.tcb-content .link-color:hover { color: var(--link-hover-color); }

.tcb-content .card-bg { background-color: var(--card-bg); }
.tcb-content .card-border { border-color: var(--card-border); }
.tcb-content .card-heading { color: var(--card-heading); }
.tcb-content .card-paragraph { color: var(--card-paragraph); }

.tcb-content .table-heading-text { color: var(--table-heading-text); }
.tcb-content .table-heading-bg { background-color: var(--table-heading-bg); }
.tcb-content .table-text { color: var(--table-text); }
.tcb-content .table-bg { background-color: var(--table-bg); }
.tcb-content .table-border { border-color: var(--table-border); }

.tcb-content .separator-border { border-color: var(--separator-border); }

/* Form field helper classes */
.tcb-content .form-text { color: var(--form-text); }
.tcb-content .form-bg { background-color: var(--form-bg); }
.tcb-content .form-border { border-color: var(--form-border); }
.tcb-content .form-placeholder::placeholder { color: var(--form-placeholder); }
.tcb-content .form-label-text { color: var(--form-label-text); }

/* Theme Form Styles */
.tcb-content [class*="theme-"] input[type="text"],
.tcb-content [class*="theme-"] input[type="email"],
.tcb-content [class*="theme-"] input[type="password"],
.tcb-content [class*="theme-"] input[type="tel"],
.tcb-content [class*="theme-"] input[type="url"],
.tcb-content [class*="theme-"] input[type="number"],
.tcb-content [class*="theme-"] input[type="search"],
.tcb-content [class*="theme-"] input[type="date"],
.tcb-content [class*="theme-"] textarea,
.tcb-content [class*="theme-"] select {
  color: var(--form-text);
  background-color: var(--form-bg);
  border-color: var(--form-border);
}
.tcb-content [class*="theme-"] input[type="text"]::placeholder,
.tcb-content [class*="theme-"] input[type="email"]::placeholder,
.tcb-content [class*="theme-"] input[type="password"]::placeholder,
.tcb-content [class*="theme-"] input[type="tel"]::placeholder,
.tcb-content [class*="theme-"] input[type="url"]::placeholder,
.tcb-content [class*="theme-"] input[type="number"]::placeholder,
.tcb-content [class*="theme-"] input[type="search"]::placeholder,
.tcb-content [class*="theme-"] textarea::placeholder {
  color: var(--form-placeholder);
}
.tcb-content [class*="theme-"] input[type="text"]:focus,
.tcb-content [class*="theme-"] input[type="email"]:focus,
.tcb-content [class*="theme-"] input[type="password"]:focus,
.tcb-content [class*="theme-"] input[type="tel"]:focus,
.tcb-content [class*="theme-"] input[type="url"]:focus,
.tcb-content [class*="theme-"] input[type="number"]:focus,
.tcb-content [class*="theme-"] input[type="search"]:focus,
.tcb-content [class*="theme-"] input[type="date"]:focus,
.tcb-content [class*="theme-"] textarea:focus,
.tcb-content [class*="theme-"] select:focus {
  border-color: var(--form-border-focus);
  background-color: var(--form-bg-focus);
  outline: none;
}
.tcb-content [class*="theme-"] label,
.tcb-content [class*="theme-"] .form-label {
  color: var(--form-label-text);
}

/* Base button styles - Scoped to content wrappers */
/* Supports both .btn-cta (hyphenated) and .btn.cta (compound) class patterns */
/* Also includes .tcb-header-preview and .tcb-footer-preview for Live Preview */
.tcb-content .btn-cta,
.tcb-content .btn-ghost,
.tcb-content .btn-txt,
.tcb-content .btn.cta,
.tcb-content .btn.ghost,
.tcb-content .btn.txt,
.tcb-header .btn-cta,
.tcb-header .btn-ghost,
.tcb-header .btn-txt,
.tcb-header .btn.cta,
.tcb-header .btn.ghost,
.tcb-header .btn.txt,
.tcb-footer .btn-cta,
.tcb-footer .btn-ghost,
.tcb-footer .btn-txt,
.tcb-footer .btn.cta,
.tcb-footer .btn.ghost,
.tcb-footer .btn.txt,
.tcb-header-preview .btn-cta,
.tcb-header-preview .btn-ghost,
.tcb-header-preview .btn-txt,
.tcb-header-preview .btn.cta,
.tcb-header-preview .btn.ghost,
.tcb-header-preview .btn.txt,
.tcb-footer-preview .btn-cta,
.tcb-footer-preview .btn-ghost,
.tcb-footer-preview .btn-txt,
.tcb-footer-preview .btn.cta,
.tcb-footer-preview .btn.ghost,
.tcb-footer-preview .btn.txt {
  display: inline-block;
  font-family: var(--tcb-btn-font-family, inherit);
  font-size: var(--tcb-btn-font-size, 1rem);
  font-weight: var(--tcb-btn-font-weight, 500);
  text-transform: var(--tcb-btn-text-transform, none);
  letter-spacing: var(--tcb-btn-letter-spacing, normal);
  font-style: var(--tcb-btn-font-style, normal);
  text-decoration: var(--tcb-btn-text-decoration, none);
  padding: var(--tcb-btn-padding-y, 0.75rem) var(--tcb-btn-padding-x, 1.5rem);
  border-width: var(--tcb-btn-border-width, 1px);
  border-style: solid;
  border-radius: var(--tcb-btn-border-radius, 0.375rem);
  transition: all 0.2s ease;
  cursor: pointer;
}

.tcb-content .btn-cta,
.tcb-content .btn.cta,
.tcb-header .btn-cta,
.tcb-header .btn.cta,
.tcb-footer .btn-cta,
.tcb-footer .btn.cta,
.tcb-header-preview .btn-cta,
.tcb-header-preview .btn.cta,
.tcb-footer-preview .btn-cta,
.tcb-footer-preview .btn.cta {
  color: var(--btn-cta-text);
  background-color: var(--btn-cta-bg);
  border-color: var(--btn-cta-border);
}
.tcb-content .btn-cta:hover:not([class*="hover:"]),
.tcb-content .btn.cta:hover:not([class*="hover:"]),
.tcb-header .btn-cta:hover:not([class*="hover:"]),
.tcb-header .btn.cta:hover:not([class*="hover:"]),
.tcb-footer .btn-cta:hover:not([class*="hover:"]),
.tcb-footer .btn.cta:hover:not([class*="hover:"]),
.tcb-header-preview .btn-cta:hover:not([class*="hover:"]),
.tcb-header-preview .btn.cta:hover:not([class*="hover:"]),
.tcb-footer-preview .btn-cta:hover:not([class*="hover:"]),
.tcb-footer-preview .btn.cta:hover:not([class*="hover:"]) {
  background-color: var(--btn-cta-bg-hover);
  color: var(--btn-cta-text-hover);
  border-color: var(--btn-cta-border-hover);
}

.tcb-content .btn-ghost,
.tcb-content .btn.ghost,
.tcb-header .btn-ghost,
.tcb-header .btn.ghost,
.tcb-footer .btn-ghost,
.tcb-footer .btn.ghost,
.tcb-header-preview .btn-ghost,
.tcb-header-preview .btn.ghost,
.tcb-footer-preview .btn-ghost,
.tcb-footer-preview .btn.ghost {
  color: var(--btn-ghost-text);
  background-color: var(--btn-ghost-bg);
  border-color: var(--btn-ghost-border);
}
.tcb-content .btn-ghost:hover:not([class*="hover:"]),
.tcb-content .btn.ghost:hover:not([class*="hover:"]),
.tcb-header .btn-ghost:hover:not([class*="hover:"]),
.tcb-header .btn.ghost:hover:not([class*="hover:"]),
.tcb-footer .btn-ghost:hover:not([class*="hover:"]),
.tcb-footer .btn.ghost:hover:not([class*="hover:"]),
.tcb-header-preview .btn-ghost:hover:not([class*="hover:"]),
.tcb-header-preview .btn.ghost:hover:not([class*="hover:"]),
.tcb-footer-preview .btn-ghost:hover:not([class*="hover:"]),
.tcb-footer-preview .btn.ghost:hover:not([class*="hover:"]) {
  background-color: var(--btn-ghost-bg-hover);
  color: var(--btn-ghost-text-hover);
  border-color: var(--btn-ghost-border-hover);
}

.tcb-content .btn-txt,
.tcb-content .btn.txt,
.tcb-header .btn-txt,
.tcb-header .btn.txt,
.tcb-footer .btn-txt,
.tcb-footer .btn.txt,
.tcb-header-preview .btn-txt,
.tcb-header-preview .btn.txt,
.tcb-footer-preview .btn-txt,
.tcb-footer-preview .btn.txt {
  color: var(--btn-txt-text);
  background-color: var(--btn-txt-bg);
  border-color: var(--btn-txt-border);
}
.tcb-content .btn-txt:hover:not([class*="hover:"]),
.tcb-content .btn.txt:hover:not([class*="hover:"]),
.tcb-header .btn-txt:hover:not([class*="hover:"]),
.tcb-header .btn.txt:hover:not([class*="hover:"]),
.tcb-footer .btn-txt:hover:not([class*="hover:"]),
.tcb-footer .btn.txt:hover:not([class*="hover:"]),
.tcb-header-preview .btn-txt:hover:not([class*="hover:"]),
.tcb-header-preview .btn.txt:hover:not([class*="hover:"]),
.tcb-footer-preview .btn-txt:hover:not([class*="hover:"]),
.tcb-footer-preview .btn.txt:hover:not([class*="hover:"]) {
  background-color: var(--btn-txt-bg-hover);
  color: var(--btn-txt-text-hover);
  border-color: var(--btn-txt-border-hover);
}

/* Button Size Modifiers */
.tcb-content .btn-large,
.tcb-content .btn-cta.btn-large,
.tcb-content .btn-ghost.btn-large,
.tcb-content .btn-txt.btn-large,
.tcb-content .btn.cta.btn-large,
.tcb-content .btn.ghost.btn-large,
.tcb-content .btn.txt.btn-large,
.tcb-header .btn-large,
.tcb-header .btn-cta.btn-large,
.tcb-header .btn-ghost.btn-large,
.tcb-header .btn-txt.btn-large,
.tcb-footer .btn-large,
.tcb-footer .btn-cta.btn-large,
.tcb-footer .btn-ghost.btn-large,
.tcb-footer .btn-txt.btn-large,
.tcb-header-preview .btn-large,
.tcb-header-preview .btn-cta.btn-large,
.tcb-header-preview .btn-ghost.btn-large,
.tcb-header-preview .btn-txt.btn-large,
.tcb-footer-preview .btn-large,
.tcb-footer-preview .btn-cta.btn-large,
.tcb-footer-preview .btn-ghost.btn-large,
.tcb-footer-preview .btn-txt.btn-large {
  font-size: var(--tcb-btn-large-font-size, 1.125rem);
  padding: var(--tcb-btn-large-padding-y, 0.75rem) var(--tcb-btn-large-padding-x, 2rem);
  border-radius: var(--tcb-btn-large-border-radius, 0.5rem);
}

.tcb-content .btn-small,
.tcb-content .btn-cta.btn-small,
.tcb-content .btn-ghost.btn-small,
.tcb-content .btn-txt.btn-small,
.tcb-content .btn.cta.btn-small,
.tcb-content .btn.ghost.btn-small,
.tcb-content .btn.txt.btn-small,
.tcb-header .btn-small,
.tcb-header .btn-cta.btn-small,
.tcb-header .btn-ghost.btn-small,
.tcb-header .btn-txt.btn-small,
.tcb-footer .btn-small,
.tcb-footer .btn-cta.btn-small,
.tcb-footer .btn-ghost.btn-small,
.tcb-footer .btn-txt.btn-small,
.tcb-header-preview .btn-small,
.tcb-header-preview .btn-cta.btn-small,
.tcb-header-preview .btn-ghost.btn-small,
.tcb-header-preview .btn-txt.btn-small,
.tcb-footer-preview .btn-small,
.tcb-footer-preview .btn-cta.btn-small,
.tcb-footer-preview .btn-ghost.btn-small,
.tcb-footer-preview .btn-txt.btn-small {
  font-size: var(--tcb-btn-small-font-size, 0.875rem);
  padding: var(--tcb-btn-small-padding-y, 0.25rem) var(--tcb-btn-small-padding-x, 0.75rem);
  border-radius: var(--tcb-btn-small-border-radius, 0.25rem);
}

/* Button Background Color Overrides */
/* Allows bg-{colorName} classes to override theme button backgrounds */

.tcb-content .btn-cta.bg-primary,
.tcb-content .btn-ghost.bg-primary,
.tcb-content .btn-txt.bg-primary,
.tcb-header .btn-cta.bg-primary,
.tcb-header .btn-ghost.bg-primary,
.tcb-header .btn-txt.bg-primary,
.tcb-footer .btn-cta.bg-primary,
.tcb-footer .btn-ghost.bg-primary,
.tcb-footer .btn-txt.bg-primary,
.tcb-header-preview .btn-cta.bg-primary,
.tcb-header-preview .btn-ghost.bg-primary,
.tcb-header-preview .btn-txt.bg-primary,
.tcb-footer-preview .btn-cta.bg-primary,
.tcb-footer-preview .btn-ghost.bg-primary,
.tcb-footer-preview .btn-txt.bg-primary,
#tcb-builder-root .tcb-content .btn-cta.bg-primary,
#tcb-builder-root .tcb-content .btn-ghost.bg-primary,
#tcb-builder-root .tcb-content .btn-txt.bg-primary,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-primary,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-primary,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-primary {
  background-color: var(--tcb-color-primary) !important;
}

.tcb-content .btn-cta.bg-secondary,
.tcb-content .btn-ghost.bg-secondary,
.tcb-content .btn-txt.bg-secondary,
.tcb-header .btn-cta.bg-secondary,
.tcb-header .btn-ghost.bg-secondary,
.tcb-header .btn-txt.bg-secondary,
.tcb-footer .btn-cta.bg-secondary,
.tcb-footer .btn-ghost.bg-secondary,
.tcb-footer .btn-txt.bg-secondary,
.tcb-header-preview .btn-cta.bg-secondary,
.tcb-header-preview .btn-ghost.bg-secondary,
.tcb-header-preview .btn-txt.bg-secondary,
.tcb-footer-preview .btn-cta.bg-secondary,
.tcb-footer-preview .btn-ghost.bg-secondary,
.tcb-footer-preview .btn-txt.bg-secondary,
#tcb-builder-root .tcb-content .btn-cta.bg-secondary,
#tcb-builder-root .tcb-content .btn-ghost.bg-secondary,
#tcb-builder-root .tcb-content .btn-txt.bg-secondary,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-secondary,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-secondary,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-secondary {
  background-color: var(--tcb-color-secondary) !important;
}

.tcb-content .btn-cta.bg-tertiary,
.tcb-content .btn-ghost.bg-tertiary,
.tcb-content .btn-txt.bg-tertiary,
.tcb-header .btn-cta.bg-tertiary,
.tcb-header .btn-ghost.bg-tertiary,
.tcb-header .btn-txt.bg-tertiary,
.tcb-footer .btn-cta.bg-tertiary,
.tcb-footer .btn-ghost.bg-tertiary,
.tcb-footer .btn-txt.bg-tertiary,
.tcb-header-preview .btn-cta.bg-tertiary,
.tcb-header-preview .btn-ghost.bg-tertiary,
.tcb-header-preview .btn-txt.bg-tertiary,
.tcb-footer-preview .btn-cta.bg-tertiary,
.tcb-footer-preview .btn-ghost.bg-tertiary,
.tcb-footer-preview .btn-txt.bg-tertiary,
#tcb-builder-root .tcb-content .btn-cta.bg-tertiary,
#tcb-builder-root .tcb-content .btn-ghost.bg-tertiary,
#tcb-builder-root .tcb-content .btn-txt.bg-tertiary,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-tertiary,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-tertiary,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-tertiary {
  background-color: var(--tcb-color-tertiary) !important;
}

.tcb-content .btn-cta.bg-error,
.tcb-content .btn-ghost.bg-error,
.tcb-content .btn-txt.bg-error,
.tcb-header .btn-cta.bg-error,
.tcb-header .btn-ghost.bg-error,
.tcb-header .btn-txt.bg-error,
.tcb-footer .btn-cta.bg-error,
.tcb-footer .btn-ghost.bg-error,
.tcb-footer .btn-txt.bg-error,
.tcb-header-preview .btn-cta.bg-error,
.tcb-header-preview .btn-ghost.bg-error,
.tcb-header-preview .btn-txt.bg-error,
.tcb-footer-preview .btn-cta.bg-error,
.tcb-footer-preview .btn-ghost.bg-error,
.tcb-footer-preview .btn-txt.bg-error,
#tcb-builder-root .tcb-content .btn-cta.bg-error,
#tcb-builder-root .tcb-content .btn-ghost.bg-error,
#tcb-builder-root .tcb-content .btn-txt.bg-error,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-error,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-error,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-error {
  background-color: var(--tcb-color-error) !important;
}

.tcb-content .btn-cta.bg-alert,
.tcb-content .btn-ghost.bg-alert,
.tcb-content .btn-txt.bg-alert,
.tcb-header .btn-cta.bg-alert,
.tcb-header .btn-ghost.bg-alert,
.tcb-header .btn-txt.bg-alert,
.tcb-footer .btn-cta.bg-alert,
.tcb-footer .btn-ghost.bg-alert,
.tcb-footer .btn-txt.bg-alert,
.tcb-header-preview .btn-cta.bg-alert,
.tcb-header-preview .btn-ghost.bg-alert,
.tcb-header-preview .btn-txt.bg-alert,
.tcb-footer-preview .btn-cta.bg-alert,
.tcb-footer-preview .btn-ghost.bg-alert,
.tcb-footer-preview .btn-txt.bg-alert,
#tcb-builder-root .tcb-content .btn-cta.bg-alert,
#tcb-builder-root .tcb-content .btn-ghost.bg-alert,
#tcb-builder-root .tcb-content .btn-txt.bg-alert,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-alert,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-alert,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-alert {
  background-color: var(--tcb-color-alert) !important;
}

.tcb-content .btn-cta.bg-success,
.tcb-content .btn-ghost.bg-success,
.tcb-content .btn-txt.bg-success,
.tcb-header .btn-cta.bg-success,
.tcb-header .btn-ghost.bg-success,
.tcb-header .btn-txt.bg-success,
.tcb-footer .btn-cta.bg-success,
.tcb-footer .btn-ghost.bg-success,
.tcb-footer .btn-txt.bg-success,
.tcb-header-preview .btn-cta.bg-success,
.tcb-header-preview .btn-ghost.bg-success,
.tcb-header-preview .btn-txt.bg-success,
.tcb-footer-preview .btn-cta.bg-success,
.tcb-footer-preview .btn-ghost.bg-success,
.tcb-footer-preview .btn-txt.bg-success,
#tcb-builder-root .tcb-content .btn-cta.bg-success,
#tcb-builder-root .tcb-content .btn-ghost.bg-success,
#tcb-builder-root .tcb-content .btn-txt.bg-success,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-success,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-success,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-success {
  background-color: var(--tcb-color-success) !important;
}

.tcb-content .btn-cta.bg-paragraph,
.tcb-content .btn-ghost.bg-paragraph,
.tcb-content .btn-txt.bg-paragraph,
.tcb-header .btn-cta.bg-paragraph,
.tcb-header .btn-ghost.bg-paragraph,
.tcb-header .btn-txt.bg-paragraph,
.tcb-footer .btn-cta.bg-paragraph,
.tcb-footer .btn-ghost.bg-paragraph,
.tcb-footer .btn-txt.bg-paragraph,
.tcb-header-preview .btn-cta.bg-paragraph,
.tcb-header-preview .btn-ghost.bg-paragraph,
.tcb-header-preview .btn-txt.bg-paragraph,
.tcb-footer-preview .btn-cta.bg-paragraph,
.tcb-footer-preview .btn-ghost.bg-paragraph,
.tcb-footer-preview .btn-txt.bg-paragraph,
#tcb-builder-root .tcb-content .btn-cta.bg-paragraph,
#tcb-builder-root .tcb-content .btn-ghost.bg-paragraph,
#tcb-builder-root .tcb-content .btn-txt.bg-paragraph,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-paragraph,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-paragraph,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-paragraph {
  background-color: var(--tcb-color-paragraph) !important;
}

.tcb-content .btn-cta.bg-white,
.tcb-content .btn-ghost.bg-white,
.tcb-content .btn-txt.bg-white,
.tcb-header .btn-cta.bg-white,
.tcb-header .btn-ghost.bg-white,
.tcb-header .btn-txt.bg-white,
.tcb-footer .btn-cta.bg-white,
.tcb-footer .btn-ghost.bg-white,
.tcb-footer .btn-txt.bg-white,
.tcb-header-preview .btn-cta.bg-white,
.tcb-header-preview .btn-ghost.bg-white,
.tcb-header-preview .btn-txt.bg-white,
.tcb-footer-preview .btn-cta.bg-white,
.tcb-footer-preview .btn-ghost.bg-white,
.tcb-footer-preview .btn-txt.bg-white,
#tcb-builder-root .tcb-content .btn-cta.bg-white,
#tcb-builder-root .tcb-content .btn-ghost.bg-white,
#tcb-builder-root .tcb-content .btn-txt.bg-white,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-white,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-white,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-white {
  background-color: var(--tcb-color-white) !important;
}

.tcb-content .btn-cta.bg-black,
.tcb-content .btn-ghost.bg-black,
.tcb-content .btn-txt.bg-black,
.tcb-header .btn-cta.bg-black,
.tcb-header .btn-ghost.bg-black,
.tcb-header .btn-txt.bg-black,
.tcb-footer .btn-cta.bg-black,
.tcb-footer .btn-ghost.bg-black,
.tcb-footer .btn-txt.bg-black,
.tcb-header-preview .btn-cta.bg-black,
.tcb-header-preview .btn-ghost.bg-black,
.tcb-header-preview .btn-txt.bg-black,
.tcb-footer-preview .btn-cta.bg-black,
.tcb-footer-preview .btn-ghost.bg-black,
.tcb-footer-preview .btn-txt.bg-black,
#tcb-builder-root .tcb-content .btn-cta.bg-black,
#tcb-builder-root .tcb-content .btn-ghost.bg-black,
#tcb-builder-root .tcb-content .btn-txt.bg-black,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-black,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-black,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-black {
  background-color: var(--tcb-color-black) !important;
}

.tcb-content .btn-cta.bg-stroke,
.tcb-content .btn-ghost.bg-stroke,
.tcb-content .btn-txt.bg-stroke,
.tcb-header .btn-cta.bg-stroke,
.tcb-header .btn-ghost.bg-stroke,
.tcb-header .btn-txt.bg-stroke,
.tcb-footer .btn-cta.bg-stroke,
.tcb-footer .btn-ghost.bg-stroke,
.tcb-footer .btn-txt.bg-stroke,
.tcb-header-preview .btn-cta.bg-stroke,
.tcb-header-preview .btn-ghost.bg-stroke,
.tcb-header-preview .btn-txt.bg-stroke,
.tcb-footer-preview .btn-cta.bg-stroke,
.tcb-footer-preview .btn-ghost.bg-stroke,
.tcb-footer-preview .btn-txt.bg-stroke,
#tcb-builder-root .tcb-content .btn-cta.bg-stroke,
#tcb-builder-root .tcb-content .btn-ghost.bg-stroke,
#tcb-builder-root .tcb-content .btn-txt.bg-stroke,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-stroke,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-stroke,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-stroke {
  background-color: var(--tcb-color-stroke) !important;
}

.tcb-content .btn-cta.bg-title,
.tcb-content .btn-ghost.bg-title,
.tcb-content .btn-txt.bg-title,
.tcb-header .btn-cta.bg-title,
.tcb-header .btn-ghost.bg-title,
.tcb-header .btn-txt.bg-title,
.tcb-footer .btn-cta.bg-title,
.tcb-footer .btn-ghost.bg-title,
.tcb-footer .btn-txt.bg-title,
.tcb-header-preview .btn-cta.bg-title,
.tcb-header-preview .btn-ghost.bg-title,
.tcb-header-preview .btn-txt.bg-title,
.tcb-footer-preview .btn-cta.bg-title,
.tcb-footer-preview .btn-ghost.bg-title,
.tcb-footer-preview .btn-txt.bg-title,
#tcb-builder-root .tcb-content .btn-cta.bg-title,
#tcb-builder-root .tcb-content .btn-ghost.bg-title,
#tcb-builder-root .tcb-content .btn-txt.bg-title,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-title,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-title,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-title {
  background-color: var(--tcb-color-title) !important;
}

.tcb-content .btn-cta.bg-light,
.tcb-content .btn-ghost.bg-light,
.tcb-content .btn-txt.bg-light,
.tcb-header .btn-cta.bg-light,
.tcb-header .btn-ghost.bg-light,
.tcb-header .btn-txt.bg-light,
.tcb-footer .btn-cta.bg-light,
.tcb-footer .btn-ghost.bg-light,
.tcb-footer .btn-txt.bg-light,
.tcb-header-preview .btn-cta.bg-light,
.tcb-header-preview .btn-ghost.bg-light,
.tcb-header-preview .btn-txt.bg-light,
.tcb-footer-preview .btn-cta.bg-light,
.tcb-footer-preview .btn-ghost.bg-light,
.tcb-footer-preview .btn-txt.bg-light,
#tcb-builder-root .tcb-content .btn-cta.bg-light,
#tcb-builder-root .tcb-content .btn-ghost.bg-light,
#tcb-builder-root .tcb-content .btn-txt.bg-light,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-light,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-light,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-light {
  background-color: var(--tcb-color-light) !important;
}

.tcb-content .btn-cta.bg-dark,
.tcb-content .btn-ghost.bg-dark,
.tcb-content .btn-txt.bg-dark,
.tcb-header .btn-cta.bg-dark,
.tcb-header .btn-ghost.bg-dark,
.tcb-header .btn-txt.bg-dark,
.tcb-footer .btn-cta.bg-dark,
.tcb-footer .btn-ghost.bg-dark,
.tcb-footer .btn-txt.bg-dark,
.tcb-header-preview .btn-cta.bg-dark,
.tcb-header-preview .btn-ghost.bg-dark,
.tcb-header-preview .btn-txt.bg-dark,
.tcb-footer-preview .btn-cta.bg-dark,
.tcb-footer-preview .btn-ghost.bg-dark,
.tcb-footer-preview .btn-txt.bg-dark,
#tcb-builder-root .tcb-content .btn-cta.bg-dark,
#tcb-builder-root .tcb-content .btn-ghost.bg-dark,
#tcb-builder-root .tcb-content .btn-txt.bg-dark,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-dark,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-dark,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-dark {
  background-color: var(--tcb-color-dark) !important;
}

@media (min-width: 640px) {
  .tcb-content .btn-cta[class~="sm:bg-primary"],
.tcb-content .btn-ghost[class~="sm:bg-primary"],
.tcb-content .btn-txt[class~="sm:bg-primary"],
.tcb-header .btn-cta[class~="sm:bg-primary"],
.tcb-header .btn-ghost[class~="sm:bg-primary"],
.tcb-header .btn-txt[class~="sm:bg-primary"],
.tcb-footer .btn-cta[class~="sm:bg-primary"],
.tcb-footer .btn-ghost[class~="sm:bg-primary"],
.tcb-footer .btn-txt[class~="sm:bg-primary"],
.tcb-header-preview .btn-cta[class~="sm:bg-primary"],
.tcb-header-preview .btn-ghost[class~="sm:bg-primary"],
.tcb-header-preview .btn-txt[class~="sm:bg-primary"],
.tcb-footer-preview .btn-cta[class~="sm:bg-primary"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-primary"],
.tcb-footer-preview .btn-txt[class~="sm:bg-primary"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-primary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-primary"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-primary"] {
    background-color: var(--tcb-color-primary) !important;
  }
  .tcb-content .btn-cta[class~="sm:bg-secondary"],
.tcb-content .btn-ghost[class~="sm:bg-secondary"],
.tcb-content .btn-txt[class~="sm:bg-secondary"],
.tcb-header .btn-cta[class~="sm:bg-secondary"],
.tcb-header .btn-ghost[class~="sm:bg-secondary"],
.tcb-header .btn-txt[class~="sm:bg-secondary"],
.tcb-footer .btn-cta[class~="sm:bg-secondary"],
.tcb-footer .btn-ghost[class~="sm:bg-secondary"],
.tcb-footer .btn-txt[class~="sm:bg-secondary"],
.tcb-header-preview .btn-cta[class~="sm:bg-secondary"],
.tcb-header-preview .btn-ghost[class~="sm:bg-secondary"],
.tcb-header-preview .btn-txt[class~="sm:bg-secondary"],
.tcb-footer-preview .btn-cta[class~="sm:bg-secondary"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-secondary"],
.tcb-footer-preview .btn-txt[class~="sm:bg-secondary"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-secondary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-secondary"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-secondary"] {
    background-color: var(--tcb-color-secondary) !important;
  }
  .tcb-content .btn-cta[class~="sm:bg-tertiary"],
.tcb-content .btn-ghost[class~="sm:bg-tertiary"],
.tcb-content .btn-txt[class~="sm:bg-tertiary"],
.tcb-header .btn-cta[class~="sm:bg-tertiary"],
.tcb-header .btn-ghost[class~="sm:bg-tertiary"],
.tcb-header .btn-txt[class~="sm:bg-tertiary"],
.tcb-footer .btn-cta[class~="sm:bg-tertiary"],
.tcb-footer .btn-ghost[class~="sm:bg-tertiary"],
.tcb-footer .btn-txt[class~="sm:bg-tertiary"],
.tcb-header-preview .btn-cta[class~="sm:bg-tertiary"],
.tcb-header-preview .btn-ghost[class~="sm:bg-tertiary"],
.tcb-header-preview .btn-txt[class~="sm:bg-tertiary"],
.tcb-footer-preview .btn-cta[class~="sm:bg-tertiary"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-tertiary"],
.tcb-footer-preview .btn-txt[class~="sm:bg-tertiary"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-tertiary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-tertiary"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-tertiary"] {
    background-color: var(--tcb-color-tertiary) !important;
  }
  .tcb-content .btn-cta[class~="sm:bg-error"],
.tcb-content .btn-ghost[class~="sm:bg-error"],
.tcb-content .btn-txt[class~="sm:bg-error"],
.tcb-header .btn-cta[class~="sm:bg-error"],
.tcb-header .btn-ghost[class~="sm:bg-error"],
.tcb-header .btn-txt[class~="sm:bg-error"],
.tcb-footer .btn-cta[class~="sm:bg-error"],
.tcb-footer .btn-ghost[class~="sm:bg-error"],
.tcb-footer .btn-txt[class~="sm:bg-error"],
.tcb-header-preview .btn-cta[class~="sm:bg-error"],
.tcb-header-preview .btn-ghost[class~="sm:bg-error"],
.tcb-header-preview .btn-txt[class~="sm:bg-error"],
.tcb-footer-preview .btn-cta[class~="sm:bg-error"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-error"],
.tcb-footer-preview .btn-txt[class~="sm:bg-error"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-error"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-error"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-error"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-error"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-error"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-error"] {
    background-color: var(--tcb-color-error) !important;
  }
  .tcb-content .btn-cta[class~="sm:bg-alert"],
.tcb-content .btn-ghost[class~="sm:bg-alert"],
.tcb-content .btn-txt[class~="sm:bg-alert"],
.tcb-header .btn-cta[class~="sm:bg-alert"],
.tcb-header .btn-ghost[class~="sm:bg-alert"],
.tcb-header .btn-txt[class~="sm:bg-alert"],
.tcb-footer .btn-cta[class~="sm:bg-alert"],
.tcb-footer .btn-ghost[class~="sm:bg-alert"],
.tcb-footer .btn-txt[class~="sm:bg-alert"],
.tcb-header-preview .btn-cta[class~="sm:bg-alert"],
.tcb-header-preview .btn-ghost[class~="sm:bg-alert"],
.tcb-header-preview .btn-txt[class~="sm:bg-alert"],
.tcb-footer-preview .btn-cta[class~="sm:bg-alert"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-alert"],
.tcb-footer-preview .btn-txt[class~="sm:bg-alert"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-alert"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-alert"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-alert"] {
    background-color: var(--tcb-color-alert) !important;
  }
  .tcb-content .btn-cta[class~="sm:bg-success"],
.tcb-content .btn-ghost[class~="sm:bg-success"],
.tcb-content .btn-txt[class~="sm:bg-success"],
.tcb-header .btn-cta[class~="sm:bg-success"],
.tcb-header .btn-ghost[class~="sm:bg-success"],
.tcb-header .btn-txt[class~="sm:bg-success"],
.tcb-footer .btn-cta[class~="sm:bg-success"],
.tcb-footer .btn-ghost[class~="sm:bg-success"],
.tcb-footer .btn-txt[class~="sm:bg-success"],
.tcb-header-preview .btn-cta[class~="sm:bg-success"],
.tcb-header-preview .btn-ghost[class~="sm:bg-success"],
.tcb-header-preview .btn-txt[class~="sm:bg-success"],
.tcb-footer-preview .btn-cta[class~="sm:bg-success"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-success"],
.tcb-footer-preview .btn-txt[class~="sm:bg-success"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-success"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-success"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-success"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-success"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-success"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-success"] {
    background-color: var(--tcb-color-success) !important;
  }
  .tcb-content .btn-cta[class~="sm:bg-paragraph"],
.tcb-content .btn-ghost[class~="sm:bg-paragraph"],
.tcb-content .btn-txt[class~="sm:bg-paragraph"],
.tcb-header .btn-cta[class~="sm:bg-paragraph"],
.tcb-header .btn-ghost[class~="sm:bg-paragraph"],
.tcb-header .btn-txt[class~="sm:bg-paragraph"],
.tcb-footer .btn-cta[class~="sm:bg-paragraph"],
.tcb-footer .btn-ghost[class~="sm:bg-paragraph"],
.tcb-footer .btn-txt[class~="sm:bg-paragraph"],
.tcb-header-preview .btn-cta[class~="sm:bg-paragraph"],
.tcb-header-preview .btn-ghost[class~="sm:bg-paragraph"],
.tcb-header-preview .btn-txt[class~="sm:bg-paragraph"],
.tcb-footer-preview .btn-cta[class~="sm:bg-paragraph"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-paragraph"],
.tcb-footer-preview .btn-txt[class~="sm:bg-paragraph"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-paragraph"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-paragraph"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-paragraph"] {
    background-color: var(--tcb-color-paragraph) !important;
  }
  .tcb-content .btn-cta[class~="sm:bg-white"],
.tcb-content .btn-ghost[class~="sm:bg-white"],
.tcb-content .btn-txt[class~="sm:bg-white"],
.tcb-header .btn-cta[class~="sm:bg-white"],
.tcb-header .btn-ghost[class~="sm:bg-white"],
.tcb-header .btn-txt[class~="sm:bg-white"],
.tcb-footer .btn-cta[class~="sm:bg-white"],
.tcb-footer .btn-ghost[class~="sm:bg-white"],
.tcb-footer .btn-txt[class~="sm:bg-white"],
.tcb-header-preview .btn-cta[class~="sm:bg-white"],
.tcb-header-preview .btn-ghost[class~="sm:bg-white"],
.tcb-header-preview .btn-txt[class~="sm:bg-white"],
.tcb-footer-preview .btn-cta[class~="sm:bg-white"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-white"],
.tcb-footer-preview .btn-txt[class~="sm:bg-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-white"] {
    background-color: var(--tcb-color-white) !important;
  }
  .tcb-content .btn-cta[class~="sm:bg-black"],
.tcb-content .btn-ghost[class~="sm:bg-black"],
.tcb-content .btn-txt[class~="sm:bg-black"],
.tcb-header .btn-cta[class~="sm:bg-black"],
.tcb-header .btn-ghost[class~="sm:bg-black"],
.tcb-header .btn-txt[class~="sm:bg-black"],
.tcb-footer .btn-cta[class~="sm:bg-black"],
.tcb-footer .btn-ghost[class~="sm:bg-black"],
.tcb-footer .btn-txt[class~="sm:bg-black"],
.tcb-header-preview .btn-cta[class~="sm:bg-black"],
.tcb-header-preview .btn-ghost[class~="sm:bg-black"],
.tcb-header-preview .btn-txt[class~="sm:bg-black"],
.tcb-footer-preview .btn-cta[class~="sm:bg-black"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-black"],
.tcb-footer-preview .btn-txt[class~="sm:bg-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-black"] {
    background-color: var(--tcb-color-black) !important;
  }
  .tcb-content .btn-cta[class~="sm:bg-stroke"],
.tcb-content .btn-ghost[class~="sm:bg-stroke"],
.tcb-content .btn-txt[class~="sm:bg-stroke"],
.tcb-header .btn-cta[class~="sm:bg-stroke"],
.tcb-header .btn-ghost[class~="sm:bg-stroke"],
.tcb-header .btn-txt[class~="sm:bg-stroke"],
.tcb-footer .btn-cta[class~="sm:bg-stroke"],
.tcb-footer .btn-ghost[class~="sm:bg-stroke"],
.tcb-footer .btn-txt[class~="sm:bg-stroke"],
.tcb-header-preview .btn-cta[class~="sm:bg-stroke"],
.tcb-header-preview .btn-ghost[class~="sm:bg-stroke"],
.tcb-header-preview .btn-txt[class~="sm:bg-stroke"],
.tcb-footer-preview .btn-cta[class~="sm:bg-stroke"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-stroke"],
.tcb-footer-preview .btn-txt[class~="sm:bg-stroke"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-stroke"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-stroke"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-stroke"] {
    background-color: var(--tcb-color-stroke) !important;
  }
  .tcb-content .btn-cta[class~="sm:bg-title"],
.tcb-content .btn-ghost[class~="sm:bg-title"],
.tcb-content .btn-txt[class~="sm:bg-title"],
.tcb-header .btn-cta[class~="sm:bg-title"],
.tcb-header .btn-ghost[class~="sm:bg-title"],
.tcb-header .btn-txt[class~="sm:bg-title"],
.tcb-footer .btn-cta[class~="sm:bg-title"],
.tcb-footer .btn-ghost[class~="sm:bg-title"],
.tcb-footer .btn-txt[class~="sm:bg-title"],
.tcb-header-preview .btn-cta[class~="sm:bg-title"],
.tcb-header-preview .btn-ghost[class~="sm:bg-title"],
.tcb-header-preview .btn-txt[class~="sm:bg-title"],
.tcb-footer-preview .btn-cta[class~="sm:bg-title"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-title"],
.tcb-footer-preview .btn-txt[class~="sm:bg-title"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-title"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-title"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-title"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-title"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-title"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-title"] {
    background-color: var(--tcb-color-title) !important;
  }
  .tcb-content .btn-cta[class~="sm:bg-light"],
.tcb-content .btn-ghost[class~="sm:bg-light"],
.tcb-content .btn-txt[class~="sm:bg-light"],
.tcb-header .btn-cta[class~="sm:bg-light"],
.tcb-header .btn-ghost[class~="sm:bg-light"],
.tcb-header .btn-txt[class~="sm:bg-light"],
.tcb-footer .btn-cta[class~="sm:bg-light"],
.tcb-footer .btn-ghost[class~="sm:bg-light"],
.tcb-footer .btn-txt[class~="sm:bg-light"],
.tcb-header-preview .btn-cta[class~="sm:bg-light"],
.tcb-header-preview .btn-ghost[class~="sm:bg-light"],
.tcb-header-preview .btn-txt[class~="sm:bg-light"],
.tcb-footer-preview .btn-cta[class~="sm:bg-light"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-light"],
.tcb-footer-preview .btn-txt[class~="sm:bg-light"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-light"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-light"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-light"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-light"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-light"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-light"] {
    background-color: var(--tcb-color-light) !important;
  }
  .tcb-content .btn-cta[class~="sm:bg-dark"],
.tcb-content .btn-ghost[class~="sm:bg-dark"],
.tcb-content .btn-txt[class~="sm:bg-dark"],
.tcb-header .btn-cta[class~="sm:bg-dark"],
.tcb-header .btn-ghost[class~="sm:bg-dark"],
.tcb-header .btn-txt[class~="sm:bg-dark"],
.tcb-footer .btn-cta[class~="sm:bg-dark"],
.tcb-footer .btn-ghost[class~="sm:bg-dark"],
.tcb-footer .btn-txt[class~="sm:bg-dark"],
.tcb-header-preview .btn-cta[class~="sm:bg-dark"],
.tcb-header-preview .btn-ghost[class~="sm:bg-dark"],
.tcb-header-preview .btn-txt[class~="sm:bg-dark"],
.tcb-footer-preview .btn-cta[class~="sm:bg-dark"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-dark"],
.tcb-footer-preview .btn-txt[class~="sm:bg-dark"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-dark"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-dark"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-dark"] {
    background-color: var(--tcb-color-dark) !important;
  }
}

@media (min-width: 768px) {
  .tcb-content .btn-cta[class~="md:bg-primary"],
.tcb-content .btn-ghost[class~="md:bg-primary"],
.tcb-content .btn-txt[class~="md:bg-primary"],
.tcb-header .btn-cta[class~="md:bg-primary"],
.tcb-header .btn-ghost[class~="md:bg-primary"],
.tcb-header .btn-txt[class~="md:bg-primary"],
.tcb-footer .btn-cta[class~="md:bg-primary"],
.tcb-footer .btn-ghost[class~="md:bg-primary"],
.tcb-footer .btn-txt[class~="md:bg-primary"],
.tcb-header-preview .btn-cta[class~="md:bg-primary"],
.tcb-header-preview .btn-ghost[class~="md:bg-primary"],
.tcb-header-preview .btn-txt[class~="md:bg-primary"],
.tcb-footer-preview .btn-cta[class~="md:bg-primary"],
.tcb-footer-preview .btn-ghost[class~="md:bg-primary"],
.tcb-footer-preview .btn-txt[class~="md:bg-primary"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-primary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-primary"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-primary"] {
    background-color: var(--tcb-color-primary) !important;
  }
  .tcb-content .btn-cta[class~="md:bg-secondary"],
.tcb-content .btn-ghost[class~="md:bg-secondary"],
.tcb-content .btn-txt[class~="md:bg-secondary"],
.tcb-header .btn-cta[class~="md:bg-secondary"],
.tcb-header .btn-ghost[class~="md:bg-secondary"],
.tcb-header .btn-txt[class~="md:bg-secondary"],
.tcb-footer .btn-cta[class~="md:bg-secondary"],
.tcb-footer .btn-ghost[class~="md:bg-secondary"],
.tcb-footer .btn-txt[class~="md:bg-secondary"],
.tcb-header-preview .btn-cta[class~="md:bg-secondary"],
.tcb-header-preview .btn-ghost[class~="md:bg-secondary"],
.tcb-header-preview .btn-txt[class~="md:bg-secondary"],
.tcb-footer-preview .btn-cta[class~="md:bg-secondary"],
.tcb-footer-preview .btn-ghost[class~="md:bg-secondary"],
.tcb-footer-preview .btn-txt[class~="md:bg-secondary"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-secondary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-secondary"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-secondary"] {
    background-color: var(--tcb-color-secondary) !important;
  }
  .tcb-content .btn-cta[class~="md:bg-tertiary"],
.tcb-content .btn-ghost[class~="md:bg-tertiary"],
.tcb-content .btn-txt[class~="md:bg-tertiary"],
.tcb-header .btn-cta[class~="md:bg-tertiary"],
.tcb-header .btn-ghost[class~="md:bg-tertiary"],
.tcb-header .btn-txt[class~="md:bg-tertiary"],
.tcb-footer .btn-cta[class~="md:bg-tertiary"],
.tcb-footer .btn-ghost[class~="md:bg-tertiary"],
.tcb-footer .btn-txt[class~="md:bg-tertiary"],
.tcb-header-preview .btn-cta[class~="md:bg-tertiary"],
.tcb-header-preview .btn-ghost[class~="md:bg-tertiary"],
.tcb-header-preview .btn-txt[class~="md:bg-tertiary"],
.tcb-footer-preview .btn-cta[class~="md:bg-tertiary"],
.tcb-footer-preview .btn-ghost[class~="md:bg-tertiary"],
.tcb-footer-preview .btn-txt[class~="md:bg-tertiary"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-tertiary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-tertiary"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-tertiary"] {
    background-color: var(--tcb-color-tertiary) !important;
  }
  .tcb-content .btn-cta[class~="md:bg-error"],
.tcb-content .btn-ghost[class~="md:bg-error"],
.tcb-content .btn-txt[class~="md:bg-error"],
.tcb-header .btn-cta[class~="md:bg-error"],
.tcb-header .btn-ghost[class~="md:bg-error"],
.tcb-header .btn-txt[class~="md:bg-error"],
.tcb-footer .btn-cta[class~="md:bg-error"],
.tcb-footer .btn-ghost[class~="md:bg-error"],
.tcb-footer .btn-txt[class~="md:bg-error"],
.tcb-header-preview .btn-cta[class~="md:bg-error"],
.tcb-header-preview .btn-ghost[class~="md:bg-error"],
.tcb-header-preview .btn-txt[class~="md:bg-error"],
.tcb-footer-preview .btn-cta[class~="md:bg-error"],
.tcb-footer-preview .btn-ghost[class~="md:bg-error"],
.tcb-footer-preview .btn-txt[class~="md:bg-error"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-error"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-error"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-error"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-error"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-error"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-error"] {
    background-color: var(--tcb-color-error) !important;
  }
  .tcb-content .btn-cta[class~="md:bg-alert"],
.tcb-content .btn-ghost[class~="md:bg-alert"],
.tcb-content .btn-txt[class~="md:bg-alert"],
.tcb-header .btn-cta[class~="md:bg-alert"],
.tcb-header .btn-ghost[class~="md:bg-alert"],
.tcb-header .btn-txt[class~="md:bg-alert"],
.tcb-footer .btn-cta[class~="md:bg-alert"],
.tcb-footer .btn-ghost[class~="md:bg-alert"],
.tcb-footer .btn-txt[class~="md:bg-alert"],
.tcb-header-preview .btn-cta[class~="md:bg-alert"],
.tcb-header-preview .btn-ghost[class~="md:bg-alert"],
.tcb-header-preview .btn-txt[class~="md:bg-alert"],
.tcb-footer-preview .btn-cta[class~="md:bg-alert"],
.tcb-footer-preview .btn-ghost[class~="md:bg-alert"],
.tcb-footer-preview .btn-txt[class~="md:bg-alert"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-alert"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-alert"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-alert"] {
    background-color: var(--tcb-color-alert) !important;
  }
  .tcb-content .btn-cta[class~="md:bg-success"],
.tcb-content .btn-ghost[class~="md:bg-success"],
.tcb-content .btn-txt[class~="md:bg-success"],
.tcb-header .btn-cta[class~="md:bg-success"],
.tcb-header .btn-ghost[class~="md:bg-success"],
.tcb-header .btn-txt[class~="md:bg-success"],
.tcb-footer .btn-cta[class~="md:bg-success"],
.tcb-footer .btn-ghost[class~="md:bg-success"],
.tcb-footer .btn-txt[class~="md:bg-success"],
.tcb-header-preview .btn-cta[class~="md:bg-success"],
.tcb-header-preview .btn-ghost[class~="md:bg-success"],
.tcb-header-preview .btn-txt[class~="md:bg-success"],
.tcb-footer-preview .btn-cta[class~="md:bg-success"],
.tcb-footer-preview .btn-ghost[class~="md:bg-success"],
.tcb-footer-preview .btn-txt[class~="md:bg-success"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-success"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-success"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-success"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-success"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-success"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-success"] {
    background-color: var(--tcb-color-success) !important;
  }
  .tcb-content .btn-cta[class~="md:bg-paragraph"],
.tcb-content .btn-ghost[class~="md:bg-paragraph"],
.tcb-content .btn-txt[class~="md:bg-paragraph"],
.tcb-header .btn-cta[class~="md:bg-paragraph"],
.tcb-header .btn-ghost[class~="md:bg-paragraph"],
.tcb-header .btn-txt[class~="md:bg-paragraph"],
.tcb-footer .btn-cta[class~="md:bg-paragraph"],
.tcb-footer .btn-ghost[class~="md:bg-paragraph"],
.tcb-footer .btn-txt[class~="md:bg-paragraph"],
.tcb-header-preview .btn-cta[class~="md:bg-paragraph"],
.tcb-header-preview .btn-ghost[class~="md:bg-paragraph"],
.tcb-header-preview .btn-txt[class~="md:bg-paragraph"],
.tcb-footer-preview .btn-cta[class~="md:bg-paragraph"],
.tcb-footer-preview .btn-ghost[class~="md:bg-paragraph"],
.tcb-footer-preview .btn-txt[class~="md:bg-paragraph"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-paragraph"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-paragraph"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-paragraph"] {
    background-color: var(--tcb-color-paragraph) !important;
  }
  .tcb-content .btn-cta[class~="md:bg-white"],
.tcb-content .btn-ghost[class~="md:bg-white"],
.tcb-content .btn-txt[class~="md:bg-white"],
.tcb-header .btn-cta[class~="md:bg-white"],
.tcb-header .btn-ghost[class~="md:bg-white"],
.tcb-header .btn-txt[class~="md:bg-white"],
.tcb-footer .btn-cta[class~="md:bg-white"],
.tcb-footer .btn-ghost[class~="md:bg-white"],
.tcb-footer .btn-txt[class~="md:bg-white"],
.tcb-header-preview .btn-cta[class~="md:bg-white"],
.tcb-header-preview .btn-ghost[class~="md:bg-white"],
.tcb-header-preview .btn-txt[class~="md:bg-white"],
.tcb-footer-preview .btn-cta[class~="md:bg-white"],
.tcb-footer-preview .btn-ghost[class~="md:bg-white"],
.tcb-footer-preview .btn-txt[class~="md:bg-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-white"] {
    background-color: var(--tcb-color-white) !important;
  }
  .tcb-content .btn-cta[class~="md:bg-black"],
.tcb-content .btn-ghost[class~="md:bg-black"],
.tcb-content .btn-txt[class~="md:bg-black"],
.tcb-header .btn-cta[class~="md:bg-black"],
.tcb-header .btn-ghost[class~="md:bg-black"],
.tcb-header .btn-txt[class~="md:bg-black"],
.tcb-footer .btn-cta[class~="md:bg-black"],
.tcb-footer .btn-ghost[class~="md:bg-black"],
.tcb-footer .btn-txt[class~="md:bg-black"],
.tcb-header-preview .btn-cta[class~="md:bg-black"],
.tcb-header-preview .btn-ghost[class~="md:bg-black"],
.tcb-header-preview .btn-txt[class~="md:bg-black"],
.tcb-footer-preview .btn-cta[class~="md:bg-black"],
.tcb-footer-preview .btn-ghost[class~="md:bg-black"],
.tcb-footer-preview .btn-txt[class~="md:bg-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-black"] {
    background-color: var(--tcb-color-black) !important;
  }
  .tcb-content .btn-cta[class~="md:bg-stroke"],
.tcb-content .btn-ghost[class~="md:bg-stroke"],
.tcb-content .btn-txt[class~="md:bg-stroke"],
.tcb-header .btn-cta[class~="md:bg-stroke"],
.tcb-header .btn-ghost[class~="md:bg-stroke"],
.tcb-header .btn-txt[class~="md:bg-stroke"],
.tcb-footer .btn-cta[class~="md:bg-stroke"],
.tcb-footer .btn-ghost[class~="md:bg-stroke"],
.tcb-footer .btn-txt[class~="md:bg-stroke"],
.tcb-header-preview .btn-cta[class~="md:bg-stroke"],
.tcb-header-preview .btn-ghost[class~="md:bg-stroke"],
.tcb-header-preview .btn-txt[class~="md:bg-stroke"],
.tcb-footer-preview .btn-cta[class~="md:bg-stroke"],
.tcb-footer-preview .btn-ghost[class~="md:bg-stroke"],
.tcb-footer-preview .btn-txt[class~="md:bg-stroke"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-stroke"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-stroke"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-stroke"] {
    background-color: var(--tcb-color-stroke) !important;
  }
  .tcb-content .btn-cta[class~="md:bg-title"],
.tcb-content .btn-ghost[class~="md:bg-title"],
.tcb-content .btn-txt[class~="md:bg-title"],
.tcb-header .btn-cta[class~="md:bg-title"],
.tcb-header .btn-ghost[class~="md:bg-title"],
.tcb-header .btn-txt[class~="md:bg-title"],
.tcb-footer .btn-cta[class~="md:bg-title"],
.tcb-footer .btn-ghost[class~="md:bg-title"],
.tcb-footer .btn-txt[class~="md:bg-title"],
.tcb-header-preview .btn-cta[class~="md:bg-title"],
.tcb-header-preview .btn-ghost[class~="md:bg-title"],
.tcb-header-preview .btn-txt[class~="md:bg-title"],
.tcb-footer-preview .btn-cta[class~="md:bg-title"],
.tcb-footer-preview .btn-ghost[class~="md:bg-title"],
.tcb-footer-preview .btn-txt[class~="md:bg-title"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-title"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-title"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-title"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-title"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-title"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-title"] {
    background-color: var(--tcb-color-title) !important;
  }
  .tcb-content .btn-cta[class~="md:bg-light"],
.tcb-content .btn-ghost[class~="md:bg-light"],
.tcb-content .btn-txt[class~="md:bg-light"],
.tcb-header .btn-cta[class~="md:bg-light"],
.tcb-header .btn-ghost[class~="md:bg-light"],
.tcb-header .btn-txt[class~="md:bg-light"],
.tcb-footer .btn-cta[class~="md:bg-light"],
.tcb-footer .btn-ghost[class~="md:bg-light"],
.tcb-footer .btn-txt[class~="md:bg-light"],
.tcb-header-preview .btn-cta[class~="md:bg-light"],
.tcb-header-preview .btn-ghost[class~="md:bg-light"],
.tcb-header-preview .btn-txt[class~="md:bg-light"],
.tcb-footer-preview .btn-cta[class~="md:bg-light"],
.tcb-footer-preview .btn-ghost[class~="md:bg-light"],
.tcb-footer-preview .btn-txt[class~="md:bg-light"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-light"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-light"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-light"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-light"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-light"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-light"] {
    background-color: var(--tcb-color-light) !important;
  }
  .tcb-content .btn-cta[class~="md:bg-dark"],
.tcb-content .btn-ghost[class~="md:bg-dark"],
.tcb-content .btn-txt[class~="md:bg-dark"],
.tcb-header .btn-cta[class~="md:bg-dark"],
.tcb-header .btn-ghost[class~="md:bg-dark"],
.tcb-header .btn-txt[class~="md:bg-dark"],
.tcb-footer .btn-cta[class~="md:bg-dark"],
.tcb-footer .btn-ghost[class~="md:bg-dark"],
.tcb-footer .btn-txt[class~="md:bg-dark"],
.tcb-header-preview .btn-cta[class~="md:bg-dark"],
.tcb-header-preview .btn-ghost[class~="md:bg-dark"],
.tcb-header-preview .btn-txt[class~="md:bg-dark"],
.tcb-footer-preview .btn-cta[class~="md:bg-dark"],
.tcb-footer-preview .btn-ghost[class~="md:bg-dark"],
.tcb-footer-preview .btn-txt[class~="md:bg-dark"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-dark"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-dark"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-dark"] {
    background-color: var(--tcb-color-dark) !important;
  }
}

@media (min-width: 1024px) {
  .tcb-content .btn-cta[class~="lg:bg-primary"],
.tcb-content .btn-ghost[class~="lg:bg-primary"],
.tcb-content .btn-txt[class~="lg:bg-primary"],
.tcb-header .btn-cta[class~="lg:bg-primary"],
.tcb-header .btn-ghost[class~="lg:bg-primary"],
.tcb-header .btn-txt[class~="lg:bg-primary"],
.tcb-footer .btn-cta[class~="lg:bg-primary"],
.tcb-footer .btn-ghost[class~="lg:bg-primary"],
.tcb-footer .btn-txt[class~="lg:bg-primary"],
.tcb-header-preview .btn-cta[class~="lg:bg-primary"],
.tcb-header-preview .btn-ghost[class~="lg:bg-primary"],
.tcb-header-preview .btn-txt[class~="lg:bg-primary"],
.tcb-footer-preview .btn-cta[class~="lg:bg-primary"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-primary"],
.tcb-footer-preview .btn-txt[class~="lg:bg-primary"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-primary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-primary"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-primary"] {
    background-color: var(--tcb-color-primary) !important;
  }
  .tcb-content .btn-cta[class~="lg:bg-secondary"],
.tcb-content .btn-ghost[class~="lg:bg-secondary"],
.tcb-content .btn-txt[class~="lg:bg-secondary"],
.tcb-header .btn-cta[class~="lg:bg-secondary"],
.tcb-header .btn-ghost[class~="lg:bg-secondary"],
.tcb-header .btn-txt[class~="lg:bg-secondary"],
.tcb-footer .btn-cta[class~="lg:bg-secondary"],
.tcb-footer .btn-ghost[class~="lg:bg-secondary"],
.tcb-footer .btn-txt[class~="lg:bg-secondary"],
.tcb-header-preview .btn-cta[class~="lg:bg-secondary"],
.tcb-header-preview .btn-ghost[class~="lg:bg-secondary"],
.tcb-header-preview .btn-txt[class~="lg:bg-secondary"],
.tcb-footer-preview .btn-cta[class~="lg:bg-secondary"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-secondary"],
.tcb-footer-preview .btn-txt[class~="lg:bg-secondary"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-secondary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-secondary"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-secondary"] {
    background-color: var(--tcb-color-secondary) !important;
  }
  .tcb-content .btn-cta[class~="lg:bg-tertiary"],
.tcb-content .btn-ghost[class~="lg:bg-tertiary"],
.tcb-content .btn-txt[class~="lg:bg-tertiary"],
.tcb-header .btn-cta[class~="lg:bg-tertiary"],
.tcb-header .btn-ghost[class~="lg:bg-tertiary"],
.tcb-header .btn-txt[class~="lg:bg-tertiary"],
.tcb-footer .btn-cta[class~="lg:bg-tertiary"],
.tcb-footer .btn-ghost[class~="lg:bg-tertiary"],
.tcb-footer .btn-txt[class~="lg:bg-tertiary"],
.tcb-header-preview .btn-cta[class~="lg:bg-tertiary"],
.tcb-header-preview .btn-ghost[class~="lg:bg-tertiary"],
.tcb-header-preview .btn-txt[class~="lg:bg-tertiary"],
.tcb-footer-preview .btn-cta[class~="lg:bg-tertiary"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-tertiary"],
.tcb-footer-preview .btn-txt[class~="lg:bg-tertiary"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-tertiary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-tertiary"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-tertiary"] {
    background-color: var(--tcb-color-tertiary) !important;
  }
  .tcb-content .btn-cta[class~="lg:bg-error"],
.tcb-content .btn-ghost[class~="lg:bg-error"],
.tcb-content .btn-txt[class~="lg:bg-error"],
.tcb-header .btn-cta[class~="lg:bg-error"],
.tcb-header .btn-ghost[class~="lg:bg-error"],
.tcb-header .btn-txt[class~="lg:bg-error"],
.tcb-footer .btn-cta[class~="lg:bg-error"],
.tcb-footer .btn-ghost[class~="lg:bg-error"],
.tcb-footer .btn-txt[class~="lg:bg-error"],
.tcb-header-preview .btn-cta[class~="lg:bg-error"],
.tcb-header-preview .btn-ghost[class~="lg:bg-error"],
.tcb-header-preview .btn-txt[class~="lg:bg-error"],
.tcb-footer-preview .btn-cta[class~="lg:bg-error"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-error"],
.tcb-footer-preview .btn-txt[class~="lg:bg-error"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-error"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-error"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-error"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-error"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-error"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-error"] {
    background-color: var(--tcb-color-error) !important;
  }
  .tcb-content .btn-cta[class~="lg:bg-alert"],
.tcb-content .btn-ghost[class~="lg:bg-alert"],
.tcb-content .btn-txt[class~="lg:bg-alert"],
.tcb-header .btn-cta[class~="lg:bg-alert"],
.tcb-header .btn-ghost[class~="lg:bg-alert"],
.tcb-header .btn-txt[class~="lg:bg-alert"],
.tcb-footer .btn-cta[class~="lg:bg-alert"],
.tcb-footer .btn-ghost[class~="lg:bg-alert"],
.tcb-footer .btn-txt[class~="lg:bg-alert"],
.tcb-header-preview .btn-cta[class~="lg:bg-alert"],
.tcb-header-preview .btn-ghost[class~="lg:bg-alert"],
.tcb-header-preview .btn-txt[class~="lg:bg-alert"],
.tcb-footer-preview .btn-cta[class~="lg:bg-alert"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-alert"],
.tcb-footer-preview .btn-txt[class~="lg:bg-alert"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-alert"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-alert"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-alert"] {
    background-color: var(--tcb-color-alert) !important;
  }
  .tcb-content .btn-cta[class~="lg:bg-success"],
.tcb-content .btn-ghost[class~="lg:bg-success"],
.tcb-content .btn-txt[class~="lg:bg-success"],
.tcb-header .btn-cta[class~="lg:bg-success"],
.tcb-header .btn-ghost[class~="lg:bg-success"],
.tcb-header .btn-txt[class~="lg:bg-success"],
.tcb-footer .btn-cta[class~="lg:bg-success"],
.tcb-footer .btn-ghost[class~="lg:bg-success"],
.tcb-footer .btn-txt[class~="lg:bg-success"],
.tcb-header-preview .btn-cta[class~="lg:bg-success"],
.tcb-header-preview .btn-ghost[class~="lg:bg-success"],
.tcb-header-preview .btn-txt[class~="lg:bg-success"],
.tcb-footer-preview .btn-cta[class~="lg:bg-success"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-success"],
.tcb-footer-preview .btn-txt[class~="lg:bg-success"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-success"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-success"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-success"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-success"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-success"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-success"] {
    background-color: var(--tcb-color-success) !important;
  }
  .tcb-content .btn-cta[class~="lg:bg-paragraph"],
.tcb-content .btn-ghost[class~="lg:bg-paragraph"],
.tcb-content .btn-txt[class~="lg:bg-paragraph"],
.tcb-header .btn-cta[class~="lg:bg-paragraph"],
.tcb-header .btn-ghost[class~="lg:bg-paragraph"],
.tcb-header .btn-txt[class~="lg:bg-paragraph"],
.tcb-footer .btn-cta[class~="lg:bg-paragraph"],
.tcb-footer .btn-ghost[class~="lg:bg-paragraph"],
.tcb-footer .btn-txt[class~="lg:bg-paragraph"],
.tcb-header-preview .btn-cta[class~="lg:bg-paragraph"],
.tcb-header-preview .btn-ghost[class~="lg:bg-paragraph"],
.tcb-header-preview .btn-txt[class~="lg:bg-paragraph"],
.tcb-footer-preview .btn-cta[class~="lg:bg-paragraph"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-paragraph"],
.tcb-footer-preview .btn-txt[class~="lg:bg-paragraph"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-paragraph"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-paragraph"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-paragraph"] {
    background-color: var(--tcb-color-paragraph) !important;
  }
  .tcb-content .btn-cta[class~="lg:bg-white"],
.tcb-content .btn-ghost[class~="lg:bg-white"],
.tcb-content .btn-txt[class~="lg:bg-white"],
.tcb-header .btn-cta[class~="lg:bg-white"],
.tcb-header .btn-ghost[class~="lg:bg-white"],
.tcb-header .btn-txt[class~="lg:bg-white"],
.tcb-footer .btn-cta[class~="lg:bg-white"],
.tcb-footer .btn-ghost[class~="lg:bg-white"],
.tcb-footer .btn-txt[class~="lg:bg-white"],
.tcb-header-preview .btn-cta[class~="lg:bg-white"],
.tcb-header-preview .btn-ghost[class~="lg:bg-white"],
.tcb-header-preview .btn-txt[class~="lg:bg-white"],
.tcb-footer-preview .btn-cta[class~="lg:bg-white"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-white"],
.tcb-footer-preview .btn-txt[class~="lg:bg-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-white"] {
    background-color: var(--tcb-color-white) !important;
  }
  .tcb-content .btn-cta[class~="lg:bg-black"],
.tcb-content .btn-ghost[class~="lg:bg-black"],
.tcb-content .btn-txt[class~="lg:bg-black"],
.tcb-header .btn-cta[class~="lg:bg-black"],
.tcb-header .btn-ghost[class~="lg:bg-black"],
.tcb-header .btn-txt[class~="lg:bg-black"],
.tcb-footer .btn-cta[class~="lg:bg-black"],
.tcb-footer .btn-ghost[class~="lg:bg-black"],
.tcb-footer .btn-txt[class~="lg:bg-black"],
.tcb-header-preview .btn-cta[class~="lg:bg-black"],
.tcb-header-preview .btn-ghost[class~="lg:bg-black"],
.tcb-header-preview .btn-txt[class~="lg:bg-black"],
.tcb-footer-preview .btn-cta[class~="lg:bg-black"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-black"],
.tcb-footer-preview .btn-txt[class~="lg:bg-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-black"] {
    background-color: var(--tcb-color-black) !important;
  }
  .tcb-content .btn-cta[class~="lg:bg-stroke"],
.tcb-content .btn-ghost[class~="lg:bg-stroke"],
.tcb-content .btn-txt[class~="lg:bg-stroke"],
.tcb-header .btn-cta[class~="lg:bg-stroke"],
.tcb-header .btn-ghost[class~="lg:bg-stroke"],
.tcb-header .btn-txt[class~="lg:bg-stroke"],
.tcb-footer .btn-cta[class~="lg:bg-stroke"],
.tcb-footer .btn-ghost[class~="lg:bg-stroke"],
.tcb-footer .btn-txt[class~="lg:bg-stroke"],
.tcb-header-preview .btn-cta[class~="lg:bg-stroke"],
.tcb-header-preview .btn-ghost[class~="lg:bg-stroke"],
.tcb-header-preview .btn-txt[class~="lg:bg-stroke"],
.tcb-footer-preview .btn-cta[class~="lg:bg-stroke"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-stroke"],
.tcb-footer-preview .btn-txt[class~="lg:bg-stroke"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-stroke"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-stroke"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-stroke"] {
    background-color: var(--tcb-color-stroke) !important;
  }
  .tcb-content .btn-cta[class~="lg:bg-title"],
.tcb-content .btn-ghost[class~="lg:bg-title"],
.tcb-content .btn-txt[class~="lg:bg-title"],
.tcb-header .btn-cta[class~="lg:bg-title"],
.tcb-header .btn-ghost[class~="lg:bg-title"],
.tcb-header .btn-txt[class~="lg:bg-title"],
.tcb-footer .btn-cta[class~="lg:bg-title"],
.tcb-footer .btn-ghost[class~="lg:bg-title"],
.tcb-footer .btn-txt[class~="lg:bg-title"],
.tcb-header-preview .btn-cta[class~="lg:bg-title"],
.tcb-header-preview .btn-ghost[class~="lg:bg-title"],
.tcb-header-preview .btn-txt[class~="lg:bg-title"],
.tcb-footer-preview .btn-cta[class~="lg:bg-title"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-title"],
.tcb-footer-preview .btn-txt[class~="lg:bg-title"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-title"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-title"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-title"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-title"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-title"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-title"] {
    background-color: var(--tcb-color-title) !important;
  }
  .tcb-content .btn-cta[class~="lg:bg-light"],
.tcb-content .btn-ghost[class~="lg:bg-light"],
.tcb-content .btn-txt[class~="lg:bg-light"],
.tcb-header .btn-cta[class~="lg:bg-light"],
.tcb-header .btn-ghost[class~="lg:bg-light"],
.tcb-header .btn-txt[class~="lg:bg-light"],
.tcb-footer .btn-cta[class~="lg:bg-light"],
.tcb-footer .btn-ghost[class~="lg:bg-light"],
.tcb-footer .btn-txt[class~="lg:bg-light"],
.tcb-header-preview .btn-cta[class~="lg:bg-light"],
.tcb-header-preview .btn-ghost[class~="lg:bg-light"],
.tcb-header-preview .btn-txt[class~="lg:bg-light"],
.tcb-footer-preview .btn-cta[class~="lg:bg-light"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-light"],
.tcb-footer-preview .btn-txt[class~="lg:bg-light"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-light"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-light"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-light"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-light"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-light"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-light"] {
    background-color: var(--tcb-color-light) !important;
  }
  .tcb-content .btn-cta[class~="lg:bg-dark"],
.tcb-content .btn-ghost[class~="lg:bg-dark"],
.tcb-content .btn-txt[class~="lg:bg-dark"],
.tcb-header .btn-cta[class~="lg:bg-dark"],
.tcb-header .btn-ghost[class~="lg:bg-dark"],
.tcb-header .btn-txt[class~="lg:bg-dark"],
.tcb-footer .btn-cta[class~="lg:bg-dark"],
.tcb-footer .btn-ghost[class~="lg:bg-dark"],
.tcb-footer .btn-txt[class~="lg:bg-dark"],
.tcb-header-preview .btn-cta[class~="lg:bg-dark"],
.tcb-header-preview .btn-ghost[class~="lg:bg-dark"],
.tcb-header-preview .btn-txt[class~="lg:bg-dark"],
.tcb-footer-preview .btn-cta[class~="lg:bg-dark"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-dark"],
.tcb-footer-preview .btn-txt[class~="lg:bg-dark"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-dark"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-dark"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-dark"] {
    background-color: var(--tcb-color-dark) !important;
  }
}

@media (min-width: 1280px) {
  .tcb-content .btn-cta[class~="xl:bg-primary"],
.tcb-content .btn-ghost[class~="xl:bg-primary"],
.tcb-content .btn-txt[class~="xl:bg-primary"],
.tcb-header .btn-cta[class~="xl:bg-primary"],
.tcb-header .btn-ghost[class~="xl:bg-primary"],
.tcb-header .btn-txt[class~="xl:bg-primary"],
.tcb-footer .btn-cta[class~="xl:bg-primary"],
.tcb-footer .btn-ghost[class~="xl:bg-primary"],
.tcb-footer .btn-txt[class~="xl:bg-primary"],
.tcb-header-preview .btn-cta[class~="xl:bg-primary"],
.tcb-header-preview .btn-ghost[class~="xl:bg-primary"],
.tcb-header-preview .btn-txt[class~="xl:bg-primary"],
.tcb-footer-preview .btn-cta[class~="xl:bg-primary"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-primary"],
.tcb-footer-preview .btn-txt[class~="xl:bg-primary"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-primary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-primary"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-primary"] {
    background-color: var(--tcb-color-primary) !important;
  }
  .tcb-content .btn-cta[class~="xl:bg-secondary"],
.tcb-content .btn-ghost[class~="xl:bg-secondary"],
.tcb-content .btn-txt[class~="xl:bg-secondary"],
.tcb-header .btn-cta[class~="xl:bg-secondary"],
.tcb-header .btn-ghost[class~="xl:bg-secondary"],
.tcb-header .btn-txt[class~="xl:bg-secondary"],
.tcb-footer .btn-cta[class~="xl:bg-secondary"],
.tcb-footer .btn-ghost[class~="xl:bg-secondary"],
.tcb-footer .btn-txt[class~="xl:bg-secondary"],
.tcb-header-preview .btn-cta[class~="xl:bg-secondary"],
.tcb-header-preview .btn-ghost[class~="xl:bg-secondary"],
.tcb-header-preview .btn-txt[class~="xl:bg-secondary"],
.tcb-footer-preview .btn-cta[class~="xl:bg-secondary"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-secondary"],
.tcb-footer-preview .btn-txt[class~="xl:bg-secondary"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-secondary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-secondary"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-secondary"] {
    background-color: var(--tcb-color-secondary) !important;
  }
  .tcb-content .btn-cta[class~="xl:bg-tertiary"],
.tcb-content .btn-ghost[class~="xl:bg-tertiary"],
.tcb-content .btn-txt[class~="xl:bg-tertiary"],
.tcb-header .btn-cta[class~="xl:bg-tertiary"],
.tcb-header .btn-ghost[class~="xl:bg-tertiary"],
.tcb-header .btn-txt[class~="xl:bg-tertiary"],
.tcb-footer .btn-cta[class~="xl:bg-tertiary"],
.tcb-footer .btn-ghost[class~="xl:bg-tertiary"],
.tcb-footer .btn-txt[class~="xl:bg-tertiary"],
.tcb-header-preview .btn-cta[class~="xl:bg-tertiary"],
.tcb-header-preview .btn-ghost[class~="xl:bg-tertiary"],
.tcb-header-preview .btn-txt[class~="xl:bg-tertiary"],
.tcb-footer-preview .btn-cta[class~="xl:bg-tertiary"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-tertiary"],
.tcb-footer-preview .btn-txt[class~="xl:bg-tertiary"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-tertiary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-tertiary"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-tertiary"] {
    background-color: var(--tcb-color-tertiary) !important;
  }
  .tcb-content .btn-cta[class~="xl:bg-error"],
.tcb-content .btn-ghost[class~="xl:bg-error"],
.tcb-content .btn-txt[class~="xl:bg-error"],
.tcb-header .btn-cta[class~="xl:bg-error"],
.tcb-header .btn-ghost[class~="xl:bg-error"],
.tcb-header .btn-txt[class~="xl:bg-error"],
.tcb-footer .btn-cta[class~="xl:bg-error"],
.tcb-footer .btn-ghost[class~="xl:bg-error"],
.tcb-footer .btn-txt[class~="xl:bg-error"],
.tcb-header-preview .btn-cta[class~="xl:bg-error"],
.tcb-header-preview .btn-ghost[class~="xl:bg-error"],
.tcb-header-preview .btn-txt[class~="xl:bg-error"],
.tcb-footer-preview .btn-cta[class~="xl:bg-error"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-error"],
.tcb-footer-preview .btn-txt[class~="xl:bg-error"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-error"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-error"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-error"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-error"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-error"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-error"] {
    background-color: var(--tcb-color-error) !important;
  }
  .tcb-content .btn-cta[class~="xl:bg-alert"],
.tcb-content .btn-ghost[class~="xl:bg-alert"],
.tcb-content .btn-txt[class~="xl:bg-alert"],
.tcb-header .btn-cta[class~="xl:bg-alert"],
.tcb-header .btn-ghost[class~="xl:bg-alert"],
.tcb-header .btn-txt[class~="xl:bg-alert"],
.tcb-footer .btn-cta[class~="xl:bg-alert"],
.tcb-footer .btn-ghost[class~="xl:bg-alert"],
.tcb-footer .btn-txt[class~="xl:bg-alert"],
.tcb-header-preview .btn-cta[class~="xl:bg-alert"],
.tcb-header-preview .btn-ghost[class~="xl:bg-alert"],
.tcb-header-preview .btn-txt[class~="xl:bg-alert"],
.tcb-footer-preview .btn-cta[class~="xl:bg-alert"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-alert"],
.tcb-footer-preview .btn-txt[class~="xl:bg-alert"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-alert"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-alert"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-alert"] {
    background-color: var(--tcb-color-alert) !important;
  }
  .tcb-content .btn-cta[class~="xl:bg-success"],
.tcb-content .btn-ghost[class~="xl:bg-success"],
.tcb-content .btn-txt[class~="xl:bg-success"],
.tcb-header .btn-cta[class~="xl:bg-success"],
.tcb-header .btn-ghost[class~="xl:bg-success"],
.tcb-header .btn-txt[class~="xl:bg-success"],
.tcb-footer .btn-cta[class~="xl:bg-success"],
.tcb-footer .btn-ghost[class~="xl:bg-success"],
.tcb-footer .btn-txt[class~="xl:bg-success"],
.tcb-header-preview .btn-cta[class~="xl:bg-success"],
.tcb-header-preview .btn-ghost[class~="xl:bg-success"],
.tcb-header-preview .btn-txt[class~="xl:bg-success"],
.tcb-footer-preview .btn-cta[class~="xl:bg-success"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-success"],
.tcb-footer-preview .btn-txt[class~="xl:bg-success"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-success"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-success"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-success"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-success"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-success"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-success"] {
    background-color: var(--tcb-color-success) !important;
  }
  .tcb-content .btn-cta[class~="xl:bg-paragraph"],
.tcb-content .btn-ghost[class~="xl:bg-paragraph"],
.tcb-content .btn-txt[class~="xl:bg-paragraph"],
.tcb-header .btn-cta[class~="xl:bg-paragraph"],
.tcb-header .btn-ghost[class~="xl:bg-paragraph"],
.tcb-header .btn-txt[class~="xl:bg-paragraph"],
.tcb-footer .btn-cta[class~="xl:bg-paragraph"],
.tcb-footer .btn-ghost[class~="xl:bg-paragraph"],
.tcb-footer .btn-txt[class~="xl:bg-paragraph"],
.tcb-header-preview .btn-cta[class~="xl:bg-paragraph"],
.tcb-header-preview .btn-ghost[class~="xl:bg-paragraph"],
.tcb-header-preview .btn-txt[class~="xl:bg-paragraph"],
.tcb-footer-preview .btn-cta[class~="xl:bg-paragraph"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-paragraph"],
.tcb-footer-preview .btn-txt[class~="xl:bg-paragraph"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-paragraph"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-paragraph"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-paragraph"] {
    background-color: var(--tcb-color-paragraph) !important;
  }
  .tcb-content .btn-cta[class~="xl:bg-white"],
.tcb-content .btn-ghost[class~="xl:bg-white"],
.tcb-content .btn-txt[class~="xl:bg-white"],
.tcb-header .btn-cta[class~="xl:bg-white"],
.tcb-header .btn-ghost[class~="xl:bg-white"],
.tcb-header .btn-txt[class~="xl:bg-white"],
.tcb-footer .btn-cta[class~="xl:bg-white"],
.tcb-footer .btn-ghost[class~="xl:bg-white"],
.tcb-footer .btn-txt[class~="xl:bg-white"],
.tcb-header-preview .btn-cta[class~="xl:bg-white"],
.tcb-header-preview .btn-ghost[class~="xl:bg-white"],
.tcb-header-preview .btn-txt[class~="xl:bg-white"],
.tcb-footer-preview .btn-cta[class~="xl:bg-white"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-white"],
.tcb-footer-preview .btn-txt[class~="xl:bg-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-white"] {
    background-color: var(--tcb-color-white) !important;
  }
  .tcb-content .btn-cta[class~="xl:bg-black"],
.tcb-content .btn-ghost[class~="xl:bg-black"],
.tcb-content .btn-txt[class~="xl:bg-black"],
.tcb-header .btn-cta[class~="xl:bg-black"],
.tcb-header .btn-ghost[class~="xl:bg-black"],
.tcb-header .btn-txt[class~="xl:bg-black"],
.tcb-footer .btn-cta[class~="xl:bg-black"],
.tcb-footer .btn-ghost[class~="xl:bg-black"],
.tcb-footer .btn-txt[class~="xl:bg-black"],
.tcb-header-preview .btn-cta[class~="xl:bg-black"],
.tcb-header-preview .btn-ghost[class~="xl:bg-black"],
.tcb-header-preview .btn-txt[class~="xl:bg-black"],
.tcb-footer-preview .btn-cta[class~="xl:bg-black"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-black"],
.tcb-footer-preview .btn-txt[class~="xl:bg-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-black"] {
    background-color: var(--tcb-color-black) !important;
  }
  .tcb-content .btn-cta[class~="xl:bg-stroke"],
.tcb-content .btn-ghost[class~="xl:bg-stroke"],
.tcb-content .btn-txt[class~="xl:bg-stroke"],
.tcb-header .btn-cta[class~="xl:bg-stroke"],
.tcb-header .btn-ghost[class~="xl:bg-stroke"],
.tcb-header .btn-txt[class~="xl:bg-stroke"],
.tcb-footer .btn-cta[class~="xl:bg-stroke"],
.tcb-footer .btn-ghost[class~="xl:bg-stroke"],
.tcb-footer .btn-txt[class~="xl:bg-stroke"],
.tcb-header-preview .btn-cta[class~="xl:bg-stroke"],
.tcb-header-preview .btn-ghost[class~="xl:bg-stroke"],
.tcb-header-preview .btn-txt[class~="xl:bg-stroke"],
.tcb-footer-preview .btn-cta[class~="xl:bg-stroke"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-stroke"],
.tcb-footer-preview .btn-txt[class~="xl:bg-stroke"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-stroke"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-stroke"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-stroke"] {
    background-color: var(--tcb-color-stroke) !important;
  }
  .tcb-content .btn-cta[class~="xl:bg-title"],
.tcb-content .btn-ghost[class~="xl:bg-title"],
.tcb-content .btn-txt[class~="xl:bg-title"],
.tcb-header .btn-cta[class~="xl:bg-title"],
.tcb-header .btn-ghost[class~="xl:bg-title"],
.tcb-header .btn-txt[class~="xl:bg-title"],
.tcb-footer .btn-cta[class~="xl:bg-title"],
.tcb-footer .btn-ghost[class~="xl:bg-title"],
.tcb-footer .btn-txt[class~="xl:bg-title"],
.tcb-header-preview .btn-cta[class~="xl:bg-title"],
.tcb-header-preview .btn-ghost[class~="xl:bg-title"],
.tcb-header-preview .btn-txt[class~="xl:bg-title"],
.tcb-footer-preview .btn-cta[class~="xl:bg-title"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-title"],
.tcb-footer-preview .btn-txt[class~="xl:bg-title"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-title"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-title"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-title"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-title"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-title"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-title"] {
    background-color: var(--tcb-color-title) !important;
  }
  .tcb-content .btn-cta[class~="xl:bg-light"],
.tcb-content .btn-ghost[class~="xl:bg-light"],
.tcb-content .btn-txt[class~="xl:bg-light"],
.tcb-header .btn-cta[class~="xl:bg-light"],
.tcb-header .btn-ghost[class~="xl:bg-light"],
.tcb-header .btn-txt[class~="xl:bg-light"],
.tcb-footer .btn-cta[class~="xl:bg-light"],
.tcb-footer .btn-ghost[class~="xl:bg-light"],
.tcb-footer .btn-txt[class~="xl:bg-light"],
.tcb-header-preview .btn-cta[class~="xl:bg-light"],
.tcb-header-preview .btn-ghost[class~="xl:bg-light"],
.tcb-header-preview .btn-txt[class~="xl:bg-light"],
.tcb-footer-preview .btn-cta[class~="xl:bg-light"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-light"],
.tcb-footer-preview .btn-txt[class~="xl:bg-light"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-light"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-light"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-light"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-light"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-light"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-light"] {
    background-color: var(--tcb-color-light) !important;
  }
  .tcb-content .btn-cta[class~="xl:bg-dark"],
.tcb-content .btn-ghost[class~="xl:bg-dark"],
.tcb-content .btn-txt[class~="xl:bg-dark"],
.tcb-header .btn-cta[class~="xl:bg-dark"],
.tcb-header .btn-ghost[class~="xl:bg-dark"],
.tcb-header .btn-txt[class~="xl:bg-dark"],
.tcb-footer .btn-cta[class~="xl:bg-dark"],
.tcb-footer .btn-ghost[class~="xl:bg-dark"],
.tcb-footer .btn-txt[class~="xl:bg-dark"],
.tcb-header-preview .btn-cta[class~="xl:bg-dark"],
.tcb-header-preview .btn-ghost[class~="xl:bg-dark"],
.tcb-header-preview .btn-txt[class~="xl:bg-dark"],
.tcb-footer-preview .btn-cta[class~="xl:bg-dark"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-dark"],
.tcb-footer-preview .btn-txt[class~="xl:bg-dark"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-dark"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-dark"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-dark"] {
    background-color: var(--tcb-color-dark) !important;
  }
}

@media (min-width: 1536px) {
  .tcb-content .btn-cta[class~="2xl:bg-primary"],
.tcb-content .btn-ghost[class~="2xl:bg-primary"],
.tcb-content .btn-txt[class~="2xl:bg-primary"],
.tcb-header .btn-cta[class~="2xl:bg-primary"],
.tcb-header .btn-ghost[class~="2xl:bg-primary"],
.tcb-header .btn-txt[class~="2xl:bg-primary"],
.tcb-footer .btn-cta[class~="2xl:bg-primary"],
.tcb-footer .btn-ghost[class~="2xl:bg-primary"],
.tcb-footer .btn-txt[class~="2xl:bg-primary"],
.tcb-header-preview .btn-cta[class~="2xl:bg-primary"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-primary"],
.tcb-header-preview .btn-txt[class~="2xl:bg-primary"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-primary"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-primary"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-primary"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-primary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-primary"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-primary"] {
    background-color: var(--tcb-color-primary) !important;
  }
  .tcb-content .btn-cta[class~="2xl:bg-secondary"],
.tcb-content .btn-ghost[class~="2xl:bg-secondary"],
.tcb-content .btn-txt[class~="2xl:bg-secondary"],
.tcb-header .btn-cta[class~="2xl:bg-secondary"],
.tcb-header .btn-ghost[class~="2xl:bg-secondary"],
.tcb-header .btn-txt[class~="2xl:bg-secondary"],
.tcb-footer .btn-cta[class~="2xl:bg-secondary"],
.tcb-footer .btn-ghost[class~="2xl:bg-secondary"],
.tcb-footer .btn-txt[class~="2xl:bg-secondary"],
.tcb-header-preview .btn-cta[class~="2xl:bg-secondary"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-secondary"],
.tcb-header-preview .btn-txt[class~="2xl:bg-secondary"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-secondary"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-secondary"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-secondary"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-secondary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-secondary"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-secondary"] {
    background-color: var(--tcb-color-secondary) !important;
  }
  .tcb-content .btn-cta[class~="2xl:bg-tertiary"],
.tcb-content .btn-ghost[class~="2xl:bg-tertiary"],
.tcb-content .btn-txt[class~="2xl:bg-tertiary"],
.tcb-header .btn-cta[class~="2xl:bg-tertiary"],
.tcb-header .btn-ghost[class~="2xl:bg-tertiary"],
.tcb-header .btn-txt[class~="2xl:bg-tertiary"],
.tcb-footer .btn-cta[class~="2xl:bg-tertiary"],
.tcb-footer .btn-ghost[class~="2xl:bg-tertiary"],
.tcb-footer .btn-txt[class~="2xl:bg-tertiary"],
.tcb-header-preview .btn-cta[class~="2xl:bg-tertiary"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-tertiary"],
.tcb-header-preview .btn-txt[class~="2xl:bg-tertiary"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-tertiary"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-tertiary"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-tertiary"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-tertiary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-tertiary"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-tertiary"] {
    background-color: var(--tcb-color-tertiary) !important;
  }
  .tcb-content .btn-cta[class~="2xl:bg-error"],
.tcb-content .btn-ghost[class~="2xl:bg-error"],
.tcb-content .btn-txt[class~="2xl:bg-error"],
.tcb-header .btn-cta[class~="2xl:bg-error"],
.tcb-header .btn-ghost[class~="2xl:bg-error"],
.tcb-header .btn-txt[class~="2xl:bg-error"],
.tcb-footer .btn-cta[class~="2xl:bg-error"],
.tcb-footer .btn-ghost[class~="2xl:bg-error"],
.tcb-footer .btn-txt[class~="2xl:bg-error"],
.tcb-header-preview .btn-cta[class~="2xl:bg-error"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-error"],
.tcb-header-preview .btn-txt[class~="2xl:bg-error"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-error"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-error"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-error"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-error"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-error"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-error"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-error"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-error"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-error"] {
    background-color: var(--tcb-color-error) !important;
  }
  .tcb-content .btn-cta[class~="2xl:bg-alert"],
.tcb-content .btn-ghost[class~="2xl:bg-alert"],
.tcb-content .btn-txt[class~="2xl:bg-alert"],
.tcb-header .btn-cta[class~="2xl:bg-alert"],
.tcb-header .btn-ghost[class~="2xl:bg-alert"],
.tcb-header .btn-txt[class~="2xl:bg-alert"],
.tcb-footer .btn-cta[class~="2xl:bg-alert"],
.tcb-footer .btn-ghost[class~="2xl:bg-alert"],
.tcb-footer .btn-txt[class~="2xl:bg-alert"],
.tcb-header-preview .btn-cta[class~="2xl:bg-alert"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-alert"],
.tcb-header-preview .btn-txt[class~="2xl:bg-alert"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-alert"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-alert"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-alert"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-alert"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-alert"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-alert"] {
    background-color: var(--tcb-color-alert) !important;
  }
  .tcb-content .btn-cta[class~="2xl:bg-success"],
.tcb-content .btn-ghost[class~="2xl:bg-success"],
.tcb-content .btn-txt[class~="2xl:bg-success"],
.tcb-header .btn-cta[class~="2xl:bg-success"],
.tcb-header .btn-ghost[class~="2xl:bg-success"],
.tcb-header .btn-txt[class~="2xl:bg-success"],
.tcb-footer .btn-cta[class~="2xl:bg-success"],
.tcb-footer .btn-ghost[class~="2xl:bg-success"],
.tcb-footer .btn-txt[class~="2xl:bg-success"],
.tcb-header-preview .btn-cta[class~="2xl:bg-success"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-success"],
.tcb-header-preview .btn-txt[class~="2xl:bg-success"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-success"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-success"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-success"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-success"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-success"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-success"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-success"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-success"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-success"] {
    background-color: var(--tcb-color-success) !important;
  }
  .tcb-content .btn-cta[class~="2xl:bg-paragraph"],
.tcb-content .btn-ghost[class~="2xl:bg-paragraph"],
.tcb-content .btn-txt[class~="2xl:bg-paragraph"],
.tcb-header .btn-cta[class~="2xl:bg-paragraph"],
.tcb-header .btn-ghost[class~="2xl:bg-paragraph"],
.tcb-header .btn-txt[class~="2xl:bg-paragraph"],
.tcb-footer .btn-cta[class~="2xl:bg-paragraph"],
.tcb-footer .btn-ghost[class~="2xl:bg-paragraph"],
.tcb-footer .btn-txt[class~="2xl:bg-paragraph"],
.tcb-header-preview .btn-cta[class~="2xl:bg-paragraph"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-paragraph"],
.tcb-header-preview .btn-txt[class~="2xl:bg-paragraph"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-paragraph"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-paragraph"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-paragraph"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-paragraph"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-paragraph"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-paragraph"] {
    background-color: var(--tcb-color-paragraph) !important;
  }
  .tcb-content .btn-cta[class~="2xl:bg-white"],
.tcb-content .btn-ghost[class~="2xl:bg-white"],
.tcb-content .btn-txt[class~="2xl:bg-white"],
.tcb-header .btn-cta[class~="2xl:bg-white"],
.tcb-header .btn-ghost[class~="2xl:bg-white"],
.tcb-header .btn-txt[class~="2xl:bg-white"],
.tcb-footer .btn-cta[class~="2xl:bg-white"],
.tcb-footer .btn-ghost[class~="2xl:bg-white"],
.tcb-footer .btn-txt[class~="2xl:bg-white"],
.tcb-header-preview .btn-cta[class~="2xl:bg-white"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-white"],
.tcb-header-preview .btn-txt[class~="2xl:bg-white"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-white"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-white"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-white"] {
    background-color: var(--tcb-color-white) !important;
  }
  .tcb-content .btn-cta[class~="2xl:bg-black"],
.tcb-content .btn-ghost[class~="2xl:bg-black"],
.tcb-content .btn-txt[class~="2xl:bg-black"],
.tcb-header .btn-cta[class~="2xl:bg-black"],
.tcb-header .btn-ghost[class~="2xl:bg-black"],
.tcb-header .btn-txt[class~="2xl:bg-black"],
.tcb-footer .btn-cta[class~="2xl:bg-black"],
.tcb-footer .btn-ghost[class~="2xl:bg-black"],
.tcb-footer .btn-txt[class~="2xl:bg-black"],
.tcb-header-preview .btn-cta[class~="2xl:bg-black"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-black"],
.tcb-header-preview .btn-txt[class~="2xl:bg-black"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-black"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-black"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-black"] {
    background-color: var(--tcb-color-black) !important;
  }
  .tcb-content .btn-cta[class~="2xl:bg-stroke"],
.tcb-content .btn-ghost[class~="2xl:bg-stroke"],
.tcb-content .btn-txt[class~="2xl:bg-stroke"],
.tcb-header .btn-cta[class~="2xl:bg-stroke"],
.tcb-header .btn-ghost[class~="2xl:bg-stroke"],
.tcb-header .btn-txt[class~="2xl:bg-stroke"],
.tcb-footer .btn-cta[class~="2xl:bg-stroke"],
.tcb-footer .btn-ghost[class~="2xl:bg-stroke"],
.tcb-footer .btn-txt[class~="2xl:bg-stroke"],
.tcb-header-preview .btn-cta[class~="2xl:bg-stroke"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-stroke"],
.tcb-header-preview .btn-txt[class~="2xl:bg-stroke"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-stroke"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-stroke"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-stroke"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-stroke"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-stroke"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-stroke"] {
    background-color: var(--tcb-color-stroke) !important;
  }
  .tcb-content .btn-cta[class~="2xl:bg-title"],
.tcb-content .btn-ghost[class~="2xl:bg-title"],
.tcb-content .btn-txt[class~="2xl:bg-title"],
.tcb-header .btn-cta[class~="2xl:bg-title"],
.tcb-header .btn-ghost[class~="2xl:bg-title"],
.tcb-header .btn-txt[class~="2xl:bg-title"],
.tcb-footer .btn-cta[class~="2xl:bg-title"],
.tcb-footer .btn-ghost[class~="2xl:bg-title"],
.tcb-footer .btn-txt[class~="2xl:bg-title"],
.tcb-header-preview .btn-cta[class~="2xl:bg-title"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-title"],
.tcb-header-preview .btn-txt[class~="2xl:bg-title"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-title"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-title"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-title"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-title"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-title"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-title"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-title"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-title"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-title"] {
    background-color: var(--tcb-color-title) !important;
  }
  .tcb-content .btn-cta[class~="2xl:bg-light"],
.tcb-content .btn-ghost[class~="2xl:bg-light"],
.tcb-content .btn-txt[class~="2xl:bg-light"],
.tcb-header .btn-cta[class~="2xl:bg-light"],
.tcb-header .btn-ghost[class~="2xl:bg-light"],
.tcb-header .btn-txt[class~="2xl:bg-light"],
.tcb-footer .btn-cta[class~="2xl:bg-light"],
.tcb-footer .btn-ghost[class~="2xl:bg-light"],
.tcb-footer .btn-txt[class~="2xl:bg-light"],
.tcb-header-preview .btn-cta[class~="2xl:bg-light"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-light"],
.tcb-header-preview .btn-txt[class~="2xl:bg-light"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-light"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-light"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-light"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-light"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-light"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-light"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-light"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-light"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-light"] {
    background-color: var(--tcb-color-light) !important;
  }
  .tcb-content .btn-cta[class~="2xl:bg-dark"],
.tcb-content .btn-ghost[class~="2xl:bg-dark"],
.tcb-content .btn-txt[class~="2xl:bg-dark"],
.tcb-header .btn-cta[class~="2xl:bg-dark"],
.tcb-header .btn-ghost[class~="2xl:bg-dark"],
.tcb-header .btn-txt[class~="2xl:bg-dark"],
.tcb-footer .btn-cta[class~="2xl:bg-dark"],
.tcb-footer .btn-ghost[class~="2xl:bg-dark"],
.tcb-footer .btn-txt[class~="2xl:bg-dark"],
.tcb-header-preview .btn-cta[class~="2xl:bg-dark"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-dark"],
.tcb-header-preview .btn-txt[class~="2xl:bg-dark"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-dark"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-dark"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-dark"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-dark"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-dark"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-dark"] {
    background-color: var(--tcb-color-dark) !important;
  }
}

.tcb-content .btn-cta.bg-black,
.tcb-content .btn-ghost.bg-black,
.tcb-content .btn-txt.bg-black,
.tcb-header .btn-cta.bg-black,
.tcb-header .btn-ghost.bg-black,
.tcb-header .btn-txt.bg-black,
.tcb-footer .btn-cta.bg-black,
.tcb-footer .btn-ghost.bg-black,
.tcb-footer .btn-txt.bg-black,
.tcb-header-preview .btn-cta.bg-black,
.tcb-header-preview .btn-ghost.bg-black,
.tcb-header-preview .btn-txt.bg-black,
.tcb-footer-preview .btn-cta.bg-black,
.tcb-footer-preview .btn-ghost.bg-black,
.tcb-footer-preview .btn-txt.bg-black,
#tcb-builder-root .tcb-content .btn-cta.bg-black,
#tcb-builder-root .tcb-content .btn-ghost.bg-black,
#tcb-builder-root .tcb-content .btn-txt.bg-black,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-black,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-black,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-black {
  background-color: #000000 !important;
}

.tcb-content .btn-cta.bg-white,
.tcb-content .btn-ghost.bg-white,
.tcb-content .btn-txt.bg-white,
.tcb-header .btn-cta.bg-white,
.tcb-header .btn-ghost.bg-white,
.tcb-header .btn-txt.bg-white,
.tcb-footer .btn-cta.bg-white,
.tcb-footer .btn-ghost.bg-white,
.tcb-footer .btn-txt.bg-white,
.tcb-header-preview .btn-cta.bg-white,
.tcb-header-preview .btn-ghost.bg-white,
.tcb-header-preview .btn-txt.bg-white,
.tcb-footer-preview .btn-cta.bg-white,
.tcb-footer-preview .btn-ghost.bg-white,
.tcb-footer-preview .btn-txt.bg-white,
#tcb-builder-root .tcb-content .btn-cta.bg-white,
#tcb-builder-root .tcb-content .btn-ghost.bg-white,
#tcb-builder-root .tcb-content .btn-txt.bg-white,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-white,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-white,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-white {
  background-color: #ffffff !important;
}

.tcb-content .btn-cta.bg-transparent,
.tcb-content .btn-ghost.bg-transparent,
.tcb-content .btn-txt.bg-transparent,
.tcb-header .btn-cta.bg-transparent,
.tcb-header .btn-ghost.bg-transparent,
.tcb-header .btn-txt.bg-transparent,
.tcb-footer .btn-cta.bg-transparent,
.tcb-footer .btn-ghost.bg-transparent,
.tcb-footer .btn-txt.bg-transparent,
.tcb-header-preview .btn-cta.bg-transparent,
.tcb-header-preview .btn-ghost.bg-transparent,
.tcb-header-preview .btn-txt.bg-transparent,
.tcb-footer-preview .btn-cta.bg-transparent,
.tcb-footer-preview .btn-ghost.bg-transparent,
.tcb-footer-preview .btn-txt.bg-transparent,
#tcb-builder-root .tcb-content .btn-cta.bg-transparent,
#tcb-builder-root .tcb-content .btn-ghost.bg-transparent,
#tcb-builder-root .tcb-content .btn-txt.bg-transparent,
#tcb-builder-root .tcb-canvas-inner .btn-cta.bg-transparent,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.bg-transparent,
#tcb-builder-root .tcb-canvas-inner .btn-txt.bg-transparent {
  background-color: transparent !important;
}

@media (min-width: 640px) {
  .tcb-content .btn-cta[class~="sm:bg-black"],
.tcb-content .btn-ghost[class~="sm:bg-black"],
.tcb-content .btn-txt[class~="sm:bg-black"],
.tcb-header .btn-cta[class~="sm:bg-black"],
.tcb-header .btn-ghost[class~="sm:bg-black"],
.tcb-header .btn-txt[class~="sm:bg-black"],
.tcb-footer .btn-cta[class~="sm:bg-black"],
.tcb-footer .btn-ghost[class~="sm:bg-black"],
.tcb-footer .btn-txt[class~="sm:bg-black"],
.tcb-header-preview .btn-cta[class~="sm:bg-black"],
.tcb-header-preview .btn-ghost[class~="sm:bg-black"],
.tcb-header-preview .btn-txt[class~="sm:bg-black"],
.tcb-footer-preview .btn-cta[class~="sm:bg-black"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-black"],
.tcb-footer-preview .btn-txt[class~="sm:bg-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-black"] {
    background-color: #000000 !important;
  }
  .tcb-content .btn-cta[class~="sm:bg-white"],
.tcb-content .btn-ghost[class~="sm:bg-white"],
.tcb-content .btn-txt[class~="sm:bg-white"],
.tcb-header .btn-cta[class~="sm:bg-white"],
.tcb-header .btn-ghost[class~="sm:bg-white"],
.tcb-header .btn-txt[class~="sm:bg-white"],
.tcb-footer .btn-cta[class~="sm:bg-white"],
.tcb-footer .btn-ghost[class~="sm:bg-white"],
.tcb-footer .btn-txt[class~="sm:bg-white"],
.tcb-header-preview .btn-cta[class~="sm:bg-white"],
.tcb-header-preview .btn-ghost[class~="sm:bg-white"],
.tcb-header-preview .btn-txt[class~="sm:bg-white"],
.tcb-footer-preview .btn-cta[class~="sm:bg-white"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-white"],
.tcb-footer-preview .btn-txt[class~="sm:bg-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-white"] {
    background-color: #ffffff !important;
  }
  .tcb-content .btn-cta[class~="sm:bg-transparent"],
.tcb-content .btn-ghost[class~="sm:bg-transparent"],
.tcb-content .btn-txt[class~="sm:bg-transparent"],
.tcb-header .btn-cta[class~="sm:bg-transparent"],
.tcb-header .btn-ghost[class~="sm:bg-transparent"],
.tcb-header .btn-txt[class~="sm:bg-transparent"],
.tcb-footer .btn-cta[class~="sm:bg-transparent"],
.tcb-footer .btn-ghost[class~="sm:bg-transparent"],
.tcb-footer .btn-txt[class~="sm:bg-transparent"],
.tcb-header-preview .btn-cta[class~="sm:bg-transparent"],
.tcb-header-preview .btn-ghost[class~="sm:bg-transparent"],
.tcb-header-preview .btn-txt[class~="sm:bg-transparent"],
.tcb-footer-preview .btn-cta[class~="sm:bg-transparent"],
.tcb-footer-preview .btn-ghost[class~="sm:bg-transparent"],
.tcb-footer-preview .btn-txt[class~="sm:bg-transparent"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:bg-transparent"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:bg-transparent"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:bg-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:bg-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:bg-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:bg-transparent"] {
    background-color: transparent !important;
  }
}

@media (min-width: 768px) {
  .tcb-content .btn-cta[class~="md:bg-black"],
.tcb-content .btn-ghost[class~="md:bg-black"],
.tcb-content .btn-txt[class~="md:bg-black"],
.tcb-header .btn-cta[class~="md:bg-black"],
.tcb-header .btn-ghost[class~="md:bg-black"],
.tcb-header .btn-txt[class~="md:bg-black"],
.tcb-footer .btn-cta[class~="md:bg-black"],
.tcb-footer .btn-ghost[class~="md:bg-black"],
.tcb-footer .btn-txt[class~="md:bg-black"],
.tcb-header-preview .btn-cta[class~="md:bg-black"],
.tcb-header-preview .btn-ghost[class~="md:bg-black"],
.tcb-header-preview .btn-txt[class~="md:bg-black"],
.tcb-footer-preview .btn-cta[class~="md:bg-black"],
.tcb-footer-preview .btn-ghost[class~="md:bg-black"],
.tcb-footer-preview .btn-txt[class~="md:bg-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-black"] {
    background-color: #000000 !important;
  }
  .tcb-content .btn-cta[class~="md:bg-white"],
.tcb-content .btn-ghost[class~="md:bg-white"],
.tcb-content .btn-txt[class~="md:bg-white"],
.tcb-header .btn-cta[class~="md:bg-white"],
.tcb-header .btn-ghost[class~="md:bg-white"],
.tcb-header .btn-txt[class~="md:bg-white"],
.tcb-footer .btn-cta[class~="md:bg-white"],
.tcb-footer .btn-ghost[class~="md:bg-white"],
.tcb-footer .btn-txt[class~="md:bg-white"],
.tcb-header-preview .btn-cta[class~="md:bg-white"],
.tcb-header-preview .btn-ghost[class~="md:bg-white"],
.tcb-header-preview .btn-txt[class~="md:bg-white"],
.tcb-footer-preview .btn-cta[class~="md:bg-white"],
.tcb-footer-preview .btn-ghost[class~="md:bg-white"],
.tcb-footer-preview .btn-txt[class~="md:bg-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-white"] {
    background-color: #ffffff !important;
  }
  .tcb-content .btn-cta[class~="md:bg-transparent"],
.tcb-content .btn-ghost[class~="md:bg-transparent"],
.tcb-content .btn-txt[class~="md:bg-transparent"],
.tcb-header .btn-cta[class~="md:bg-transparent"],
.tcb-header .btn-ghost[class~="md:bg-transparent"],
.tcb-header .btn-txt[class~="md:bg-transparent"],
.tcb-footer .btn-cta[class~="md:bg-transparent"],
.tcb-footer .btn-ghost[class~="md:bg-transparent"],
.tcb-footer .btn-txt[class~="md:bg-transparent"],
.tcb-header-preview .btn-cta[class~="md:bg-transparent"],
.tcb-header-preview .btn-ghost[class~="md:bg-transparent"],
.tcb-header-preview .btn-txt[class~="md:bg-transparent"],
.tcb-footer-preview .btn-cta[class~="md:bg-transparent"],
.tcb-footer-preview .btn-ghost[class~="md:bg-transparent"],
.tcb-footer-preview .btn-txt[class~="md:bg-transparent"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:bg-transparent"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:bg-transparent"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:bg-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:bg-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:bg-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:bg-transparent"] {
    background-color: transparent !important;
  }
}

@media (min-width: 1024px) {
  .tcb-content .btn-cta[class~="lg:bg-black"],
.tcb-content .btn-ghost[class~="lg:bg-black"],
.tcb-content .btn-txt[class~="lg:bg-black"],
.tcb-header .btn-cta[class~="lg:bg-black"],
.tcb-header .btn-ghost[class~="lg:bg-black"],
.tcb-header .btn-txt[class~="lg:bg-black"],
.tcb-footer .btn-cta[class~="lg:bg-black"],
.tcb-footer .btn-ghost[class~="lg:bg-black"],
.tcb-footer .btn-txt[class~="lg:bg-black"],
.tcb-header-preview .btn-cta[class~="lg:bg-black"],
.tcb-header-preview .btn-ghost[class~="lg:bg-black"],
.tcb-header-preview .btn-txt[class~="lg:bg-black"],
.tcb-footer-preview .btn-cta[class~="lg:bg-black"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-black"],
.tcb-footer-preview .btn-txt[class~="lg:bg-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-black"] {
    background-color: #000000 !important;
  }
  .tcb-content .btn-cta[class~="lg:bg-white"],
.tcb-content .btn-ghost[class~="lg:bg-white"],
.tcb-content .btn-txt[class~="lg:bg-white"],
.tcb-header .btn-cta[class~="lg:bg-white"],
.tcb-header .btn-ghost[class~="lg:bg-white"],
.tcb-header .btn-txt[class~="lg:bg-white"],
.tcb-footer .btn-cta[class~="lg:bg-white"],
.tcb-footer .btn-ghost[class~="lg:bg-white"],
.tcb-footer .btn-txt[class~="lg:bg-white"],
.tcb-header-preview .btn-cta[class~="lg:bg-white"],
.tcb-header-preview .btn-ghost[class~="lg:bg-white"],
.tcb-header-preview .btn-txt[class~="lg:bg-white"],
.tcb-footer-preview .btn-cta[class~="lg:bg-white"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-white"],
.tcb-footer-preview .btn-txt[class~="lg:bg-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-white"] {
    background-color: #ffffff !important;
  }
  .tcb-content .btn-cta[class~="lg:bg-transparent"],
.tcb-content .btn-ghost[class~="lg:bg-transparent"],
.tcb-content .btn-txt[class~="lg:bg-transparent"],
.tcb-header .btn-cta[class~="lg:bg-transparent"],
.tcb-header .btn-ghost[class~="lg:bg-transparent"],
.tcb-header .btn-txt[class~="lg:bg-transparent"],
.tcb-footer .btn-cta[class~="lg:bg-transparent"],
.tcb-footer .btn-ghost[class~="lg:bg-transparent"],
.tcb-footer .btn-txt[class~="lg:bg-transparent"],
.tcb-header-preview .btn-cta[class~="lg:bg-transparent"],
.tcb-header-preview .btn-ghost[class~="lg:bg-transparent"],
.tcb-header-preview .btn-txt[class~="lg:bg-transparent"],
.tcb-footer-preview .btn-cta[class~="lg:bg-transparent"],
.tcb-footer-preview .btn-ghost[class~="lg:bg-transparent"],
.tcb-footer-preview .btn-txt[class~="lg:bg-transparent"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:bg-transparent"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:bg-transparent"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:bg-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:bg-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:bg-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:bg-transparent"] {
    background-color: transparent !important;
  }
}

@media (min-width: 1280px) {
  .tcb-content .btn-cta[class~="xl:bg-black"],
.tcb-content .btn-ghost[class~="xl:bg-black"],
.tcb-content .btn-txt[class~="xl:bg-black"],
.tcb-header .btn-cta[class~="xl:bg-black"],
.tcb-header .btn-ghost[class~="xl:bg-black"],
.tcb-header .btn-txt[class~="xl:bg-black"],
.tcb-footer .btn-cta[class~="xl:bg-black"],
.tcb-footer .btn-ghost[class~="xl:bg-black"],
.tcb-footer .btn-txt[class~="xl:bg-black"],
.tcb-header-preview .btn-cta[class~="xl:bg-black"],
.tcb-header-preview .btn-ghost[class~="xl:bg-black"],
.tcb-header-preview .btn-txt[class~="xl:bg-black"],
.tcb-footer-preview .btn-cta[class~="xl:bg-black"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-black"],
.tcb-footer-preview .btn-txt[class~="xl:bg-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-black"] {
    background-color: #000000 !important;
  }
  .tcb-content .btn-cta[class~="xl:bg-white"],
.tcb-content .btn-ghost[class~="xl:bg-white"],
.tcb-content .btn-txt[class~="xl:bg-white"],
.tcb-header .btn-cta[class~="xl:bg-white"],
.tcb-header .btn-ghost[class~="xl:bg-white"],
.tcb-header .btn-txt[class~="xl:bg-white"],
.tcb-footer .btn-cta[class~="xl:bg-white"],
.tcb-footer .btn-ghost[class~="xl:bg-white"],
.tcb-footer .btn-txt[class~="xl:bg-white"],
.tcb-header-preview .btn-cta[class~="xl:bg-white"],
.tcb-header-preview .btn-ghost[class~="xl:bg-white"],
.tcb-header-preview .btn-txt[class~="xl:bg-white"],
.tcb-footer-preview .btn-cta[class~="xl:bg-white"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-white"],
.tcb-footer-preview .btn-txt[class~="xl:bg-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-white"] {
    background-color: #ffffff !important;
  }
  .tcb-content .btn-cta[class~="xl:bg-transparent"],
.tcb-content .btn-ghost[class~="xl:bg-transparent"],
.tcb-content .btn-txt[class~="xl:bg-transparent"],
.tcb-header .btn-cta[class~="xl:bg-transparent"],
.tcb-header .btn-ghost[class~="xl:bg-transparent"],
.tcb-header .btn-txt[class~="xl:bg-transparent"],
.tcb-footer .btn-cta[class~="xl:bg-transparent"],
.tcb-footer .btn-ghost[class~="xl:bg-transparent"],
.tcb-footer .btn-txt[class~="xl:bg-transparent"],
.tcb-header-preview .btn-cta[class~="xl:bg-transparent"],
.tcb-header-preview .btn-ghost[class~="xl:bg-transparent"],
.tcb-header-preview .btn-txt[class~="xl:bg-transparent"],
.tcb-footer-preview .btn-cta[class~="xl:bg-transparent"],
.tcb-footer-preview .btn-ghost[class~="xl:bg-transparent"],
.tcb-footer-preview .btn-txt[class~="xl:bg-transparent"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:bg-transparent"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:bg-transparent"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:bg-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:bg-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:bg-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:bg-transparent"] {
    background-color: transparent !important;
  }
}

@media (min-width: 1536px) {
  .tcb-content .btn-cta[class~="2xl:bg-black"],
.tcb-content .btn-ghost[class~="2xl:bg-black"],
.tcb-content .btn-txt[class~="2xl:bg-black"],
.tcb-header .btn-cta[class~="2xl:bg-black"],
.tcb-header .btn-ghost[class~="2xl:bg-black"],
.tcb-header .btn-txt[class~="2xl:bg-black"],
.tcb-footer .btn-cta[class~="2xl:bg-black"],
.tcb-footer .btn-ghost[class~="2xl:bg-black"],
.tcb-footer .btn-txt[class~="2xl:bg-black"],
.tcb-header-preview .btn-cta[class~="2xl:bg-black"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-black"],
.tcb-header-preview .btn-txt[class~="2xl:bg-black"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-black"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-black"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-black"] {
    background-color: #000000 !important;
  }
  .tcb-content .btn-cta[class~="2xl:bg-white"],
.tcb-content .btn-ghost[class~="2xl:bg-white"],
.tcb-content .btn-txt[class~="2xl:bg-white"],
.tcb-header .btn-cta[class~="2xl:bg-white"],
.tcb-header .btn-ghost[class~="2xl:bg-white"],
.tcb-header .btn-txt[class~="2xl:bg-white"],
.tcb-footer .btn-cta[class~="2xl:bg-white"],
.tcb-footer .btn-ghost[class~="2xl:bg-white"],
.tcb-footer .btn-txt[class~="2xl:bg-white"],
.tcb-header-preview .btn-cta[class~="2xl:bg-white"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-white"],
.tcb-header-preview .btn-txt[class~="2xl:bg-white"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-white"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-white"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-white"] {
    background-color: #ffffff !important;
  }
  .tcb-content .btn-cta[class~="2xl:bg-transparent"],
.tcb-content .btn-ghost[class~="2xl:bg-transparent"],
.tcb-content .btn-txt[class~="2xl:bg-transparent"],
.tcb-header .btn-cta[class~="2xl:bg-transparent"],
.tcb-header .btn-ghost[class~="2xl:bg-transparent"],
.tcb-header .btn-txt[class~="2xl:bg-transparent"],
.tcb-footer .btn-cta[class~="2xl:bg-transparent"],
.tcb-footer .btn-ghost[class~="2xl:bg-transparent"],
.tcb-footer .btn-txt[class~="2xl:bg-transparent"],
.tcb-header-preview .btn-cta[class~="2xl:bg-transparent"],
.tcb-header-preview .btn-ghost[class~="2xl:bg-transparent"],
.tcb-header-preview .btn-txt[class~="2xl:bg-transparent"],
.tcb-footer-preview .btn-cta[class~="2xl:bg-transparent"],
.tcb-footer-preview .btn-ghost[class~="2xl:bg-transparent"],
.tcb-footer-preview .btn-txt[class~="2xl:bg-transparent"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:bg-transparent"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:bg-transparent"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:bg-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:bg-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:bg-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:bg-transparent"] {
    background-color: transparent !important;
  }
}


/* Button Border Color Overrides */
/* Allows border-{colorName} classes to override theme button borders */

.tcb-content .btn-cta.border-primary,
.tcb-content .btn-ghost.border-primary,
.tcb-content .btn-txt.border-primary,
.tcb-header .btn-cta.border-primary,
.tcb-header .btn-ghost.border-primary,
.tcb-header .btn-txt.border-primary,
.tcb-footer .btn-cta.border-primary,
.tcb-footer .btn-ghost.border-primary,
.tcb-footer .btn-txt.border-primary,
.tcb-header-preview .btn-cta.border-primary,
.tcb-header-preview .btn-ghost.border-primary,
.tcb-header-preview .btn-txt.border-primary,
.tcb-footer-preview .btn-cta.border-primary,
.tcb-footer-preview .btn-ghost.border-primary,
.tcb-footer-preview .btn-txt.border-primary,
#tcb-builder-root .tcb-content .btn-cta.border-primary,
#tcb-builder-root .tcb-content .btn-ghost.border-primary,
#tcb-builder-root .tcb-content .btn-txt.border-primary,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-primary,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-primary,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-primary {
  border-color: var(--tcb-color-primary) !important;
}

.tcb-content .btn-cta.border-secondary,
.tcb-content .btn-ghost.border-secondary,
.tcb-content .btn-txt.border-secondary,
.tcb-header .btn-cta.border-secondary,
.tcb-header .btn-ghost.border-secondary,
.tcb-header .btn-txt.border-secondary,
.tcb-footer .btn-cta.border-secondary,
.tcb-footer .btn-ghost.border-secondary,
.tcb-footer .btn-txt.border-secondary,
.tcb-header-preview .btn-cta.border-secondary,
.tcb-header-preview .btn-ghost.border-secondary,
.tcb-header-preview .btn-txt.border-secondary,
.tcb-footer-preview .btn-cta.border-secondary,
.tcb-footer-preview .btn-ghost.border-secondary,
.tcb-footer-preview .btn-txt.border-secondary,
#tcb-builder-root .tcb-content .btn-cta.border-secondary,
#tcb-builder-root .tcb-content .btn-ghost.border-secondary,
#tcb-builder-root .tcb-content .btn-txt.border-secondary,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-secondary,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-secondary,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-secondary {
  border-color: var(--tcb-color-secondary) !important;
}

.tcb-content .btn-cta.border-tertiary,
.tcb-content .btn-ghost.border-tertiary,
.tcb-content .btn-txt.border-tertiary,
.tcb-header .btn-cta.border-tertiary,
.tcb-header .btn-ghost.border-tertiary,
.tcb-header .btn-txt.border-tertiary,
.tcb-footer .btn-cta.border-tertiary,
.tcb-footer .btn-ghost.border-tertiary,
.tcb-footer .btn-txt.border-tertiary,
.tcb-header-preview .btn-cta.border-tertiary,
.tcb-header-preview .btn-ghost.border-tertiary,
.tcb-header-preview .btn-txt.border-tertiary,
.tcb-footer-preview .btn-cta.border-tertiary,
.tcb-footer-preview .btn-ghost.border-tertiary,
.tcb-footer-preview .btn-txt.border-tertiary,
#tcb-builder-root .tcb-content .btn-cta.border-tertiary,
#tcb-builder-root .tcb-content .btn-ghost.border-tertiary,
#tcb-builder-root .tcb-content .btn-txt.border-tertiary,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-tertiary,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-tertiary,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-tertiary {
  border-color: var(--tcb-color-tertiary) !important;
}

.tcb-content .btn-cta.border-error,
.tcb-content .btn-ghost.border-error,
.tcb-content .btn-txt.border-error,
.tcb-header .btn-cta.border-error,
.tcb-header .btn-ghost.border-error,
.tcb-header .btn-txt.border-error,
.tcb-footer .btn-cta.border-error,
.tcb-footer .btn-ghost.border-error,
.tcb-footer .btn-txt.border-error,
.tcb-header-preview .btn-cta.border-error,
.tcb-header-preview .btn-ghost.border-error,
.tcb-header-preview .btn-txt.border-error,
.tcb-footer-preview .btn-cta.border-error,
.tcb-footer-preview .btn-ghost.border-error,
.tcb-footer-preview .btn-txt.border-error,
#tcb-builder-root .tcb-content .btn-cta.border-error,
#tcb-builder-root .tcb-content .btn-ghost.border-error,
#tcb-builder-root .tcb-content .btn-txt.border-error,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-error,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-error,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-error {
  border-color: var(--tcb-color-error) !important;
}

.tcb-content .btn-cta.border-alert,
.tcb-content .btn-ghost.border-alert,
.tcb-content .btn-txt.border-alert,
.tcb-header .btn-cta.border-alert,
.tcb-header .btn-ghost.border-alert,
.tcb-header .btn-txt.border-alert,
.tcb-footer .btn-cta.border-alert,
.tcb-footer .btn-ghost.border-alert,
.tcb-footer .btn-txt.border-alert,
.tcb-header-preview .btn-cta.border-alert,
.tcb-header-preview .btn-ghost.border-alert,
.tcb-header-preview .btn-txt.border-alert,
.tcb-footer-preview .btn-cta.border-alert,
.tcb-footer-preview .btn-ghost.border-alert,
.tcb-footer-preview .btn-txt.border-alert,
#tcb-builder-root .tcb-content .btn-cta.border-alert,
#tcb-builder-root .tcb-content .btn-ghost.border-alert,
#tcb-builder-root .tcb-content .btn-txt.border-alert,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-alert,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-alert,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-alert {
  border-color: var(--tcb-color-alert) !important;
}

.tcb-content .btn-cta.border-success,
.tcb-content .btn-ghost.border-success,
.tcb-content .btn-txt.border-success,
.tcb-header .btn-cta.border-success,
.tcb-header .btn-ghost.border-success,
.tcb-header .btn-txt.border-success,
.tcb-footer .btn-cta.border-success,
.tcb-footer .btn-ghost.border-success,
.tcb-footer .btn-txt.border-success,
.tcb-header-preview .btn-cta.border-success,
.tcb-header-preview .btn-ghost.border-success,
.tcb-header-preview .btn-txt.border-success,
.tcb-footer-preview .btn-cta.border-success,
.tcb-footer-preview .btn-ghost.border-success,
.tcb-footer-preview .btn-txt.border-success,
#tcb-builder-root .tcb-content .btn-cta.border-success,
#tcb-builder-root .tcb-content .btn-ghost.border-success,
#tcb-builder-root .tcb-content .btn-txt.border-success,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-success,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-success,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-success {
  border-color: var(--tcb-color-success) !important;
}

.tcb-content .btn-cta.border-paragraph,
.tcb-content .btn-ghost.border-paragraph,
.tcb-content .btn-txt.border-paragraph,
.tcb-header .btn-cta.border-paragraph,
.tcb-header .btn-ghost.border-paragraph,
.tcb-header .btn-txt.border-paragraph,
.tcb-footer .btn-cta.border-paragraph,
.tcb-footer .btn-ghost.border-paragraph,
.tcb-footer .btn-txt.border-paragraph,
.tcb-header-preview .btn-cta.border-paragraph,
.tcb-header-preview .btn-ghost.border-paragraph,
.tcb-header-preview .btn-txt.border-paragraph,
.tcb-footer-preview .btn-cta.border-paragraph,
.tcb-footer-preview .btn-ghost.border-paragraph,
.tcb-footer-preview .btn-txt.border-paragraph,
#tcb-builder-root .tcb-content .btn-cta.border-paragraph,
#tcb-builder-root .tcb-content .btn-ghost.border-paragraph,
#tcb-builder-root .tcb-content .btn-txt.border-paragraph,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-paragraph,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-paragraph,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-paragraph {
  border-color: var(--tcb-color-paragraph) !important;
}

.tcb-content .btn-cta.border-white,
.tcb-content .btn-ghost.border-white,
.tcb-content .btn-txt.border-white,
.tcb-header .btn-cta.border-white,
.tcb-header .btn-ghost.border-white,
.tcb-header .btn-txt.border-white,
.tcb-footer .btn-cta.border-white,
.tcb-footer .btn-ghost.border-white,
.tcb-footer .btn-txt.border-white,
.tcb-header-preview .btn-cta.border-white,
.tcb-header-preview .btn-ghost.border-white,
.tcb-header-preview .btn-txt.border-white,
.tcb-footer-preview .btn-cta.border-white,
.tcb-footer-preview .btn-ghost.border-white,
.tcb-footer-preview .btn-txt.border-white,
#tcb-builder-root .tcb-content .btn-cta.border-white,
#tcb-builder-root .tcb-content .btn-ghost.border-white,
#tcb-builder-root .tcb-content .btn-txt.border-white,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-white,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-white,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-white {
  border-color: var(--tcb-color-white) !important;
}

.tcb-content .btn-cta.border-black,
.tcb-content .btn-ghost.border-black,
.tcb-content .btn-txt.border-black,
.tcb-header .btn-cta.border-black,
.tcb-header .btn-ghost.border-black,
.tcb-header .btn-txt.border-black,
.tcb-footer .btn-cta.border-black,
.tcb-footer .btn-ghost.border-black,
.tcb-footer .btn-txt.border-black,
.tcb-header-preview .btn-cta.border-black,
.tcb-header-preview .btn-ghost.border-black,
.tcb-header-preview .btn-txt.border-black,
.tcb-footer-preview .btn-cta.border-black,
.tcb-footer-preview .btn-ghost.border-black,
.tcb-footer-preview .btn-txt.border-black,
#tcb-builder-root .tcb-content .btn-cta.border-black,
#tcb-builder-root .tcb-content .btn-ghost.border-black,
#tcb-builder-root .tcb-content .btn-txt.border-black,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-black,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-black,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-black {
  border-color: var(--tcb-color-black) !important;
}

.tcb-content .btn-cta.border-stroke,
.tcb-content .btn-ghost.border-stroke,
.tcb-content .btn-txt.border-stroke,
.tcb-header .btn-cta.border-stroke,
.tcb-header .btn-ghost.border-stroke,
.tcb-header .btn-txt.border-stroke,
.tcb-footer .btn-cta.border-stroke,
.tcb-footer .btn-ghost.border-stroke,
.tcb-footer .btn-txt.border-stroke,
.tcb-header-preview .btn-cta.border-stroke,
.tcb-header-preview .btn-ghost.border-stroke,
.tcb-header-preview .btn-txt.border-stroke,
.tcb-footer-preview .btn-cta.border-stroke,
.tcb-footer-preview .btn-ghost.border-stroke,
.tcb-footer-preview .btn-txt.border-stroke,
#tcb-builder-root .tcb-content .btn-cta.border-stroke,
#tcb-builder-root .tcb-content .btn-ghost.border-stroke,
#tcb-builder-root .tcb-content .btn-txt.border-stroke,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-stroke,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-stroke,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-stroke {
  border-color: var(--tcb-color-stroke) !important;
}

.tcb-content .btn-cta.border-title,
.tcb-content .btn-ghost.border-title,
.tcb-content .btn-txt.border-title,
.tcb-header .btn-cta.border-title,
.tcb-header .btn-ghost.border-title,
.tcb-header .btn-txt.border-title,
.tcb-footer .btn-cta.border-title,
.tcb-footer .btn-ghost.border-title,
.tcb-footer .btn-txt.border-title,
.tcb-header-preview .btn-cta.border-title,
.tcb-header-preview .btn-ghost.border-title,
.tcb-header-preview .btn-txt.border-title,
.tcb-footer-preview .btn-cta.border-title,
.tcb-footer-preview .btn-ghost.border-title,
.tcb-footer-preview .btn-txt.border-title,
#tcb-builder-root .tcb-content .btn-cta.border-title,
#tcb-builder-root .tcb-content .btn-ghost.border-title,
#tcb-builder-root .tcb-content .btn-txt.border-title,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-title,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-title,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-title {
  border-color: var(--tcb-color-title) !important;
}

.tcb-content .btn-cta.border-light,
.tcb-content .btn-ghost.border-light,
.tcb-content .btn-txt.border-light,
.tcb-header .btn-cta.border-light,
.tcb-header .btn-ghost.border-light,
.tcb-header .btn-txt.border-light,
.tcb-footer .btn-cta.border-light,
.tcb-footer .btn-ghost.border-light,
.tcb-footer .btn-txt.border-light,
.tcb-header-preview .btn-cta.border-light,
.tcb-header-preview .btn-ghost.border-light,
.tcb-header-preview .btn-txt.border-light,
.tcb-footer-preview .btn-cta.border-light,
.tcb-footer-preview .btn-ghost.border-light,
.tcb-footer-preview .btn-txt.border-light,
#tcb-builder-root .tcb-content .btn-cta.border-light,
#tcb-builder-root .tcb-content .btn-ghost.border-light,
#tcb-builder-root .tcb-content .btn-txt.border-light,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-light,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-light,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-light {
  border-color: var(--tcb-color-light) !important;
}

.tcb-content .btn-cta.border-dark,
.tcb-content .btn-ghost.border-dark,
.tcb-content .btn-txt.border-dark,
.tcb-header .btn-cta.border-dark,
.tcb-header .btn-ghost.border-dark,
.tcb-header .btn-txt.border-dark,
.tcb-footer .btn-cta.border-dark,
.tcb-footer .btn-ghost.border-dark,
.tcb-footer .btn-txt.border-dark,
.tcb-header-preview .btn-cta.border-dark,
.tcb-header-preview .btn-ghost.border-dark,
.tcb-header-preview .btn-txt.border-dark,
.tcb-footer-preview .btn-cta.border-dark,
.tcb-footer-preview .btn-ghost.border-dark,
.tcb-footer-preview .btn-txt.border-dark,
#tcb-builder-root .tcb-content .btn-cta.border-dark,
#tcb-builder-root .tcb-content .btn-ghost.border-dark,
#tcb-builder-root .tcb-content .btn-txt.border-dark,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-dark,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-dark,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-dark {
  border-color: var(--tcb-color-dark) !important;
}

@media (min-width: 640px) {
  .tcb-content .btn-cta[class~="sm:border-primary"],
.tcb-content .btn-ghost[class~="sm:border-primary"],
.tcb-content .btn-txt[class~="sm:border-primary"],
.tcb-header .btn-cta[class~="sm:border-primary"],
.tcb-header .btn-ghost[class~="sm:border-primary"],
.tcb-header .btn-txt[class~="sm:border-primary"],
.tcb-footer .btn-cta[class~="sm:border-primary"],
.tcb-footer .btn-ghost[class~="sm:border-primary"],
.tcb-footer .btn-txt[class~="sm:border-primary"],
.tcb-header-preview .btn-cta[class~="sm:border-primary"],
.tcb-header-preview .btn-ghost[class~="sm:border-primary"],
.tcb-header-preview .btn-txt[class~="sm:border-primary"],
.tcb-footer-preview .btn-cta[class~="sm:border-primary"],
.tcb-footer-preview .btn-ghost[class~="sm:border-primary"],
.tcb-footer-preview .btn-txt[class~="sm:border-primary"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-primary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-primary"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-primary"] {
    border-color: var(--tcb-color-primary) !important;
  }
  .tcb-content .btn-cta[class~="sm:border-secondary"],
.tcb-content .btn-ghost[class~="sm:border-secondary"],
.tcb-content .btn-txt[class~="sm:border-secondary"],
.tcb-header .btn-cta[class~="sm:border-secondary"],
.tcb-header .btn-ghost[class~="sm:border-secondary"],
.tcb-header .btn-txt[class~="sm:border-secondary"],
.tcb-footer .btn-cta[class~="sm:border-secondary"],
.tcb-footer .btn-ghost[class~="sm:border-secondary"],
.tcb-footer .btn-txt[class~="sm:border-secondary"],
.tcb-header-preview .btn-cta[class~="sm:border-secondary"],
.tcb-header-preview .btn-ghost[class~="sm:border-secondary"],
.tcb-header-preview .btn-txt[class~="sm:border-secondary"],
.tcb-footer-preview .btn-cta[class~="sm:border-secondary"],
.tcb-footer-preview .btn-ghost[class~="sm:border-secondary"],
.tcb-footer-preview .btn-txt[class~="sm:border-secondary"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-secondary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-secondary"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-secondary"] {
    border-color: var(--tcb-color-secondary) !important;
  }
  .tcb-content .btn-cta[class~="sm:border-tertiary"],
.tcb-content .btn-ghost[class~="sm:border-tertiary"],
.tcb-content .btn-txt[class~="sm:border-tertiary"],
.tcb-header .btn-cta[class~="sm:border-tertiary"],
.tcb-header .btn-ghost[class~="sm:border-tertiary"],
.tcb-header .btn-txt[class~="sm:border-tertiary"],
.tcb-footer .btn-cta[class~="sm:border-tertiary"],
.tcb-footer .btn-ghost[class~="sm:border-tertiary"],
.tcb-footer .btn-txt[class~="sm:border-tertiary"],
.tcb-header-preview .btn-cta[class~="sm:border-tertiary"],
.tcb-header-preview .btn-ghost[class~="sm:border-tertiary"],
.tcb-header-preview .btn-txt[class~="sm:border-tertiary"],
.tcb-footer-preview .btn-cta[class~="sm:border-tertiary"],
.tcb-footer-preview .btn-ghost[class~="sm:border-tertiary"],
.tcb-footer-preview .btn-txt[class~="sm:border-tertiary"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-tertiary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-tertiary"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-tertiary"] {
    border-color: var(--tcb-color-tertiary) !important;
  }
  .tcb-content .btn-cta[class~="sm:border-error"],
.tcb-content .btn-ghost[class~="sm:border-error"],
.tcb-content .btn-txt[class~="sm:border-error"],
.tcb-header .btn-cta[class~="sm:border-error"],
.tcb-header .btn-ghost[class~="sm:border-error"],
.tcb-header .btn-txt[class~="sm:border-error"],
.tcb-footer .btn-cta[class~="sm:border-error"],
.tcb-footer .btn-ghost[class~="sm:border-error"],
.tcb-footer .btn-txt[class~="sm:border-error"],
.tcb-header-preview .btn-cta[class~="sm:border-error"],
.tcb-header-preview .btn-ghost[class~="sm:border-error"],
.tcb-header-preview .btn-txt[class~="sm:border-error"],
.tcb-footer-preview .btn-cta[class~="sm:border-error"],
.tcb-footer-preview .btn-ghost[class~="sm:border-error"],
.tcb-footer-preview .btn-txt[class~="sm:border-error"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-error"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-error"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-error"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-error"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-error"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-error"] {
    border-color: var(--tcb-color-error) !important;
  }
  .tcb-content .btn-cta[class~="sm:border-alert"],
.tcb-content .btn-ghost[class~="sm:border-alert"],
.tcb-content .btn-txt[class~="sm:border-alert"],
.tcb-header .btn-cta[class~="sm:border-alert"],
.tcb-header .btn-ghost[class~="sm:border-alert"],
.tcb-header .btn-txt[class~="sm:border-alert"],
.tcb-footer .btn-cta[class~="sm:border-alert"],
.tcb-footer .btn-ghost[class~="sm:border-alert"],
.tcb-footer .btn-txt[class~="sm:border-alert"],
.tcb-header-preview .btn-cta[class~="sm:border-alert"],
.tcb-header-preview .btn-ghost[class~="sm:border-alert"],
.tcb-header-preview .btn-txt[class~="sm:border-alert"],
.tcb-footer-preview .btn-cta[class~="sm:border-alert"],
.tcb-footer-preview .btn-ghost[class~="sm:border-alert"],
.tcb-footer-preview .btn-txt[class~="sm:border-alert"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-alert"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-alert"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-alert"] {
    border-color: var(--tcb-color-alert) !important;
  }
  .tcb-content .btn-cta[class~="sm:border-success"],
.tcb-content .btn-ghost[class~="sm:border-success"],
.tcb-content .btn-txt[class~="sm:border-success"],
.tcb-header .btn-cta[class~="sm:border-success"],
.tcb-header .btn-ghost[class~="sm:border-success"],
.tcb-header .btn-txt[class~="sm:border-success"],
.tcb-footer .btn-cta[class~="sm:border-success"],
.tcb-footer .btn-ghost[class~="sm:border-success"],
.tcb-footer .btn-txt[class~="sm:border-success"],
.tcb-header-preview .btn-cta[class~="sm:border-success"],
.tcb-header-preview .btn-ghost[class~="sm:border-success"],
.tcb-header-preview .btn-txt[class~="sm:border-success"],
.tcb-footer-preview .btn-cta[class~="sm:border-success"],
.tcb-footer-preview .btn-ghost[class~="sm:border-success"],
.tcb-footer-preview .btn-txt[class~="sm:border-success"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-success"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-success"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-success"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-success"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-success"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-success"] {
    border-color: var(--tcb-color-success) !important;
  }
  .tcb-content .btn-cta[class~="sm:border-paragraph"],
.tcb-content .btn-ghost[class~="sm:border-paragraph"],
.tcb-content .btn-txt[class~="sm:border-paragraph"],
.tcb-header .btn-cta[class~="sm:border-paragraph"],
.tcb-header .btn-ghost[class~="sm:border-paragraph"],
.tcb-header .btn-txt[class~="sm:border-paragraph"],
.tcb-footer .btn-cta[class~="sm:border-paragraph"],
.tcb-footer .btn-ghost[class~="sm:border-paragraph"],
.tcb-footer .btn-txt[class~="sm:border-paragraph"],
.tcb-header-preview .btn-cta[class~="sm:border-paragraph"],
.tcb-header-preview .btn-ghost[class~="sm:border-paragraph"],
.tcb-header-preview .btn-txt[class~="sm:border-paragraph"],
.tcb-footer-preview .btn-cta[class~="sm:border-paragraph"],
.tcb-footer-preview .btn-ghost[class~="sm:border-paragraph"],
.tcb-footer-preview .btn-txt[class~="sm:border-paragraph"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-paragraph"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-paragraph"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-paragraph"] {
    border-color: var(--tcb-color-paragraph) !important;
  }
  .tcb-content .btn-cta[class~="sm:border-white"],
.tcb-content .btn-ghost[class~="sm:border-white"],
.tcb-content .btn-txt[class~="sm:border-white"],
.tcb-header .btn-cta[class~="sm:border-white"],
.tcb-header .btn-ghost[class~="sm:border-white"],
.tcb-header .btn-txt[class~="sm:border-white"],
.tcb-footer .btn-cta[class~="sm:border-white"],
.tcb-footer .btn-ghost[class~="sm:border-white"],
.tcb-footer .btn-txt[class~="sm:border-white"],
.tcb-header-preview .btn-cta[class~="sm:border-white"],
.tcb-header-preview .btn-ghost[class~="sm:border-white"],
.tcb-header-preview .btn-txt[class~="sm:border-white"],
.tcb-footer-preview .btn-cta[class~="sm:border-white"],
.tcb-footer-preview .btn-ghost[class~="sm:border-white"],
.tcb-footer-preview .btn-txt[class~="sm:border-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-white"] {
    border-color: var(--tcb-color-white) !important;
  }
  .tcb-content .btn-cta[class~="sm:border-black"],
.tcb-content .btn-ghost[class~="sm:border-black"],
.tcb-content .btn-txt[class~="sm:border-black"],
.tcb-header .btn-cta[class~="sm:border-black"],
.tcb-header .btn-ghost[class~="sm:border-black"],
.tcb-header .btn-txt[class~="sm:border-black"],
.tcb-footer .btn-cta[class~="sm:border-black"],
.tcb-footer .btn-ghost[class~="sm:border-black"],
.tcb-footer .btn-txt[class~="sm:border-black"],
.tcb-header-preview .btn-cta[class~="sm:border-black"],
.tcb-header-preview .btn-ghost[class~="sm:border-black"],
.tcb-header-preview .btn-txt[class~="sm:border-black"],
.tcb-footer-preview .btn-cta[class~="sm:border-black"],
.tcb-footer-preview .btn-ghost[class~="sm:border-black"],
.tcb-footer-preview .btn-txt[class~="sm:border-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-black"] {
    border-color: var(--tcb-color-black) !important;
  }
  .tcb-content .btn-cta[class~="sm:border-stroke"],
.tcb-content .btn-ghost[class~="sm:border-stroke"],
.tcb-content .btn-txt[class~="sm:border-stroke"],
.tcb-header .btn-cta[class~="sm:border-stroke"],
.tcb-header .btn-ghost[class~="sm:border-stroke"],
.tcb-header .btn-txt[class~="sm:border-stroke"],
.tcb-footer .btn-cta[class~="sm:border-stroke"],
.tcb-footer .btn-ghost[class~="sm:border-stroke"],
.tcb-footer .btn-txt[class~="sm:border-stroke"],
.tcb-header-preview .btn-cta[class~="sm:border-stroke"],
.tcb-header-preview .btn-ghost[class~="sm:border-stroke"],
.tcb-header-preview .btn-txt[class~="sm:border-stroke"],
.tcb-footer-preview .btn-cta[class~="sm:border-stroke"],
.tcb-footer-preview .btn-ghost[class~="sm:border-stroke"],
.tcb-footer-preview .btn-txt[class~="sm:border-stroke"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-stroke"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-stroke"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-stroke"] {
    border-color: var(--tcb-color-stroke) !important;
  }
  .tcb-content .btn-cta[class~="sm:border-title"],
.tcb-content .btn-ghost[class~="sm:border-title"],
.tcb-content .btn-txt[class~="sm:border-title"],
.tcb-header .btn-cta[class~="sm:border-title"],
.tcb-header .btn-ghost[class~="sm:border-title"],
.tcb-header .btn-txt[class~="sm:border-title"],
.tcb-footer .btn-cta[class~="sm:border-title"],
.tcb-footer .btn-ghost[class~="sm:border-title"],
.tcb-footer .btn-txt[class~="sm:border-title"],
.tcb-header-preview .btn-cta[class~="sm:border-title"],
.tcb-header-preview .btn-ghost[class~="sm:border-title"],
.tcb-header-preview .btn-txt[class~="sm:border-title"],
.tcb-footer-preview .btn-cta[class~="sm:border-title"],
.tcb-footer-preview .btn-ghost[class~="sm:border-title"],
.tcb-footer-preview .btn-txt[class~="sm:border-title"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-title"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-title"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-title"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-title"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-title"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-title"] {
    border-color: var(--tcb-color-title) !important;
  }
  .tcb-content .btn-cta[class~="sm:border-light"],
.tcb-content .btn-ghost[class~="sm:border-light"],
.tcb-content .btn-txt[class~="sm:border-light"],
.tcb-header .btn-cta[class~="sm:border-light"],
.tcb-header .btn-ghost[class~="sm:border-light"],
.tcb-header .btn-txt[class~="sm:border-light"],
.tcb-footer .btn-cta[class~="sm:border-light"],
.tcb-footer .btn-ghost[class~="sm:border-light"],
.tcb-footer .btn-txt[class~="sm:border-light"],
.tcb-header-preview .btn-cta[class~="sm:border-light"],
.tcb-header-preview .btn-ghost[class~="sm:border-light"],
.tcb-header-preview .btn-txt[class~="sm:border-light"],
.tcb-footer-preview .btn-cta[class~="sm:border-light"],
.tcb-footer-preview .btn-ghost[class~="sm:border-light"],
.tcb-footer-preview .btn-txt[class~="sm:border-light"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-light"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-light"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-light"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-light"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-light"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-light"] {
    border-color: var(--tcb-color-light) !important;
  }
  .tcb-content .btn-cta[class~="sm:border-dark"],
.tcb-content .btn-ghost[class~="sm:border-dark"],
.tcb-content .btn-txt[class~="sm:border-dark"],
.tcb-header .btn-cta[class~="sm:border-dark"],
.tcb-header .btn-ghost[class~="sm:border-dark"],
.tcb-header .btn-txt[class~="sm:border-dark"],
.tcb-footer .btn-cta[class~="sm:border-dark"],
.tcb-footer .btn-ghost[class~="sm:border-dark"],
.tcb-footer .btn-txt[class~="sm:border-dark"],
.tcb-header-preview .btn-cta[class~="sm:border-dark"],
.tcb-header-preview .btn-ghost[class~="sm:border-dark"],
.tcb-header-preview .btn-txt[class~="sm:border-dark"],
.tcb-footer-preview .btn-cta[class~="sm:border-dark"],
.tcb-footer-preview .btn-ghost[class~="sm:border-dark"],
.tcb-footer-preview .btn-txt[class~="sm:border-dark"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-dark"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-dark"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-dark"] {
    border-color: var(--tcb-color-dark) !important;
  }
}

@media (min-width: 768px) {
  .tcb-content .btn-cta[class~="md:border-primary"],
.tcb-content .btn-ghost[class~="md:border-primary"],
.tcb-content .btn-txt[class~="md:border-primary"],
.tcb-header .btn-cta[class~="md:border-primary"],
.tcb-header .btn-ghost[class~="md:border-primary"],
.tcb-header .btn-txt[class~="md:border-primary"],
.tcb-footer .btn-cta[class~="md:border-primary"],
.tcb-footer .btn-ghost[class~="md:border-primary"],
.tcb-footer .btn-txt[class~="md:border-primary"],
.tcb-header-preview .btn-cta[class~="md:border-primary"],
.tcb-header-preview .btn-ghost[class~="md:border-primary"],
.tcb-header-preview .btn-txt[class~="md:border-primary"],
.tcb-footer-preview .btn-cta[class~="md:border-primary"],
.tcb-footer-preview .btn-ghost[class~="md:border-primary"],
.tcb-footer-preview .btn-txt[class~="md:border-primary"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-primary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-primary"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-primary"] {
    border-color: var(--tcb-color-primary) !important;
  }
  .tcb-content .btn-cta[class~="md:border-secondary"],
.tcb-content .btn-ghost[class~="md:border-secondary"],
.tcb-content .btn-txt[class~="md:border-secondary"],
.tcb-header .btn-cta[class~="md:border-secondary"],
.tcb-header .btn-ghost[class~="md:border-secondary"],
.tcb-header .btn-txt[class~="md:border-secondary"],
.tcb-footer .btn-cta[class~="md:border-secondary"],
.tcb-footer .btn-ghost[class~="md:border-secondary"],
.tcb-footer .btn-txt[class~="md:border-secondary"],
.tcb-header-preview .btn-cta[class~="md:border-secondary"],
.tcb-header-preview .btn-ghost[class~="md:border-secondary"],
.tcb-header-preview .btn-txt[class~="md:border-secondary"],
.tcb-footer-preview .btn-cta[class~="md:border-secondary"],
.tcb-footer-preview .btn-ghost[class~="md:border-secondary"],
.tcb-footer-preview .btn-txt[class~="md:border-secondary"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-secondary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-secondary"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-secondary"] {
    border-color: var(--tcb-color-secondary) !important;
  }
  .tcb-content .btn-cta[class~="md:border-tertiary"],
.tcb-content .btn-ghost[class~="md:border-tertiary"],
.tcb-content .btn-txt[class~="md:border-tertiary"],
.tcb-header .btn-cta[class~="md:border-tertiary"],
.tcb-header .btn-ghost[class~="md:border-tertiary"],
.tcb-header .btn-txt[class~="md:border-tertiary"],
.tcb-footer .btn-cta[class~="md:border-tertiary"],
.tcb-footer .btn-ghost[class~="md:border-tertiary"],
.tcb-footer .btn-txt[class~="md:border-tertiary"],
.tcb-header-preview .btn-cta[class~="md:border-tertiary"],
.tcb-header-preview .btn-ghost[class~="md:border-tertiary"],
.tcb-header-preview .btn-txt[class~="md:border-tertiary"],
.tcb-footer-preview .btn-cta[class~="md:border-tertiary"],
.tcb-footer-preview .btn-ghost[class~="md:border-tertiary"],
.tcb-footer-preview .btn-txt[class~="md:border-tertiary"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-tertiary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-tertiary"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-tertiary"] {
    border-color: var(--tcb-color-tertiary) !important;
  }
  .tcb-content .btn-cta[class~="md:border-error"],
.tcb-content .btn-ghost[class~="md:border-error"],
.tcb-content .btn-txt[class~="md:border-error"],
.tcb-header .btn-cta[class~="md:border-error"],
.tcb-header .btn-ghost[class~="md:border-error"],
.tcb-header .btn-txt[class~="md:border-error"],
.tcb-footer .btn-cta[class~="md:border-error"],
.tcb-footer .btn-ghost[class~="md:border-error"],
.tcb-footer .btn-txt[class~="md:border-error"],
.tcb-header-preview .btn-cta[class~="md:border-error"],
.tcb-header-preview .btn-ghost[class~="md:border-error"],
.tcb-header-preview .btn-txt[class~="md:border-error"],
.tcb-footer-preview .btn-cta[class~="md:border-error"],
.tcb-footer-preview .btn-ghost[class~="md:border-error"],
.tcb-footer-preview .btn-txt[class~="md:border-error"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-error"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-error"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-error"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-error"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-error"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-error"] {
    border-color: var(--tcb-color-error) !important;
  }
  .tcb-content .btn-cta[class~="md:border-alert"],
.tcb-content .btn-ghost[class~="md:border-alert"],
.tcb-content .btn-txt[class~="md:border-alert"],
.tcb-header .btn-cta[class~="md:border-alert"],
.tcb-header .btn-ghost[class~="md:border-alert"],
.tcb-header .btn-txt[class~="md:border-alert"],
.tcb-footer .btn-cta[class~="md:border-alert"],
.tcb-footer .btn-ghost[class~="md:border-alert"],
.tcb-footer .btn-txt[class~="md:border-alert"],
.tcb-header-preview .btn-cta[class~="md:border-alert"],
.tcb-header-preview .btn-ghost[class~="md:border-alert"],
.tcb-header-preview .btn-txt[class~="md:border-alert"],
.tcb-footer-preview .btn-cta[class~="md:border-alert"],
.tcb-footer-preview .btn-ghost[class~="md:border-alert"],
.tcb-footer-preview .btn-txt[class~="md:border-alert"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-alert"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-alert"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-alert"] {
    border-color: var(--tcb-color-alert) !important;
  }
  .tcb-content .btn-cta[class~="md:border-success"],
.tcb-content .btn-ghost[class~="md:border-success"],
.tcb-content .btn-txt[class~="md:border-success"],
.tcb-header .btn-cta[class~="md:border-success"],
.tcb-header .btn-ghost[class~="md:border-success"],
.tcb-header .btn-txt[class~="md:border-success"],
.tcb-footer .btn-cta[class~="md:border-success"],
.tcb-footer .btn-ghost[class~="md:border-success"],
.tcb-footer .btn-txt[class~="md:border-success"],
.tcb-header-preview .btn-cta[class~="md:border-success"],
.tcb-header-preview .btn-ghost[class~="md:border-success"],
.tcb-header-preview .btn-txt[class~="md:border-success"],
.tcb-footer-preview .btn-cta[class~="md:border-success"],
.tcb-footer-preview .btn-ghost[class~="md:border-success"],
.tcb-footer-preview .btn-txt[class~="md:border-success"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-success"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-success"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-success"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-success"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-success"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-success"] {
    border-color: var(--tcb-color-success) !important;
  }
  .tcb-content .btn-cta[class~="md:border-paragraph"],
.tcb-content .btn-ghost[class~="md:border-paragraph"],
.tcb-content .btn-txt[class~="md:border-paragraph"],
.tcb-header .btn-cta[class~="md:border-paragraph"],
.tcb-header .btn-ghost[class~="md:border-paragraph"],
.tcb-header .btn-txt[class~="md:border-paragraph"],
.tcb-footer .btn-cta[class~="md:border-paragraph"],
.tcb-footer .btn-ghost[class~="md:border-paragraph"],
.tcb-footer .btn-txt[class~="md:border-paragraph"],
.tcb-header-preview .btn-cta[class~="md:border-paragraph"],
.tcb-header-preview .btn-ghost[class~="md:border-paragraph"],
.tcb-header-preview .btn-txt[class~="md:border-paragraph"],
.tcb-footer-preview .btn-cta[class~="md:border-paragraph"],
.tcb-footer-preview .btn-ghost[class~="md:border-paragraph"],
.tcb-footer-preview .btn-txt[class~="md:border-paragraph"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-paragraph"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-paragraph"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-paragraph"] {
    border-color: var(--tcb-color-paragraph) !important;
  }
  .tcb-content .btn-cta[class~="md:border-white"],
.tcb-content .btn-ghost[class~="md:border-white"],
.tcb-content .btn-txt[class~="md:border-white"],
.tcb-header .btn-cta[class~="md:border-white"],
.tcb-header .btn-ghost[class~="md:border-white"],
.tcb-header .btn-txt[class~="md:border-white"],
.tcb-footer .btn-cta[class~="md:border-white"],
.tcb-footer .btn-ghost[class~="md:border-white"],
.tcb-footer .btn-txt[class~="md:border-white"],
.tcb-header-preview .btn-cta[class~="md:border-white"],
.tcb-header-preview .btn-ghost[class~="md:border-white"],
.tcb-header-preview .btn-txt[class~="md:border-white"],
.tcb-footer-preview .btn-cta[class~="md:border-white"],
.tcb-footer-preview .btn-ghost[class~="md:border-white"],
.tcb-footer-preview .btn-txt[class~="md:border-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-white"] {
    border-color: var(--tcb-color-white) !important;
  }
  .tcb-content .btn-cta[class~="md:border-black"],
.tcb-content .btn-ghost[class~="md:border-black"],
.tcb-content .btn-txt[class~="md:border-black"],
.tcb-header .btn-cta[class~="md:border-black"],
.tcb-header .btn-ghost[class~="md:border-black"],
.tcb-header .btn-txt[class~="md:border-black"],
.tcb-footer .btn-cta[class~="md:border-black"],
.tcb-footer .btn-ghost[class~="md:border-black"],
.tcb-footer .btn-txt[class~="md:border-black"],
.tcb-header-preview .btn-cta[class~="md:border-black"],
.tcb-header-preview .btn-ghost[class~="md:border-black"],
.tcb-header-preview .btn-txt[class~="md:border-black"],
.tcb-footer-preview .btn-cta[class~="md:border-black"],
.tcb-footer-preview .btn-ghost[class~="md:border-black"],
.tcb-footer-preview .btn-txt[class~="md:border-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-black"] {
    border-color: var(--tcb-color-black) !important;
  }
  .tcb-content .btn-cta[class~="md:border-stroke"],
.tcb-content .btn-ghost[class~="md:border-stroke"],
.tcb-content .btn-txt[class~="md:border-stroke"],
.tcb-header .btn-cta[class~="md:border-stroke"],
.tcb-header .btn-ghost[class~="md:border-stroke"],
.tcb-header .btn-txt[class~="md:border-stroke"],
.tcb-footer .btn-cta[class~="md:border-stroke"],
.tcb-footer .btn-ghost[class~="md:border-stroke"],
.tcb-footer .btn-txt[class~="md:border-stroke"],
.tcb-header-preview .btn-cta[class~="md:border-stroke"],
.tcb-header-preview .btn-ghost[class~="md:border-stroke"],
.tcb-header-preview .btn-txt[class~="md:border-stroke"],
.tcb-footer-preview .btn-cta[class~="md:border-stroke"],
.tcb-footer-preview .btn-ghost[class~="md:border-stroke"],
.tcb-footer-preview .btn-txt[class~="md:border-stroke"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-stroke"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-stroke"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-stroke"] {
    border-color: var(--tcb-color-stroke) !important;
  }
  .tcb-content .btn-cta[class~="md:border-title"],
.tcb-content .btn-ghost[class~="md:border-title"],
.tcb-content .btn-txt[class~="md:border-title"],
.tcb-header .btn-cta[class~="md:border-title"],
.tcb-header .btn-ghost[class~="md:border-title"],
.tcb-header .btn-txt[class~="md:border-title"],
.tcb-footer .btn-cta[class~="md:border-title"],
.tcb-footer .btn-ghost[class~="md:border-title"],
.tcb-footer .btn-txt[class~="md:border-title"],
.tcb-header-preview .btn-cta[class~="md:border-title"],
.tcb-header-preview .btn-ghost[class~="md:border-title"],
.tcb-header-preview .btn-txt[class~="md:border-title"],
.tcb-footer-preview .btn-cta[class~="md:border-title"],
.tcb-footer-preview .btn-ghost[class~="md:border-title"],
.tcb-footer-preview .btn-txt[class~="md:border-title"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-title"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-title"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-title"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-title"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-title"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-title"] {
    border-color: var(--tcb-color-title) !important;
  }
  .tcb-content .btn-cta[class~="md:border-light"],
.tcb-content .btn-ghost[class~="md:border-light"],
.tcb-content .btn-txt[class~="md:border-light"],
.tcb-header .btn-cta[class~="md:border-light"],
.tcb-header .btn-ghost[class~="md:border-light"],
.tcb-header .btn-txt[class~="md:border-light"],
.tcb-footer .btn-cta[class~="md:border-light"],
.tcb-footer .btn-ghost[class~="md:border-light"],
.tcb-footer .btn-txt[class~="md:border-light"],
.tcb-header-preview .btn-cta[class~="md:border-light"],
.tcb-header-preview .btn-ghost[class~="md:border-light"],
.tcb-header-preview .btn-txt[class~="md:border-light"],
.tcb-footer-preview .btn-cta[class~="md:border-light"],
.tcb-footer-preview .btn-ghost[class~="md:border-light"],
.tcb-footer-preview .btn-txt[class~="md:border-light"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-light"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-light"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-light"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-light"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-light"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-light"] {
    border-color: var(--tcb-color-light) !important;
  }
  .tcb-content .btn-cta[class~="md:border-dark"],
.tcb-content .btn-ghost[class~="md:border-dark"],
.tcb-content .btn-txt[class~="md:border-dark"],
.tcb-header .btn-cta[class~="md:border-dark"],
.tcb-header .btn-ghost[class~="md:border-dark"],
.tcb-header .btn-txt[class~="md:border-dark"],
.tcb-footer .btn-cta[class~="md:border-dark"],
.tcb-footer .btn-ghost[class~="md:border-dark"],
.tcb-footer .btn-txt[class~="md:border-dark"],
.tcb-header-preview .btn-cta[class~="md:border-dark"],
.tcb-header-preview .btn-ghost[class~="md:border-dark"],
.tcb-header-preview .btn-txt[class~="md:border-dark"],
.tcb-footer-preview .btn-cta[class~="md:border-dark"],
.tcb-footer-preview .btn-ghost[class~="md:border-dark"],
.tcb-footer-preview .btn-txt[class~="md:border-dark"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-dark"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-dark"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-dark"] {
    border-color: var(--tcb-color-dark) !important;
  }
}

@media (min-width: 1024px) {
  .tcb-content .btn-cta[class~="lg:border-primary"],
.tcb-content .btn-ghost[class~="lg:border-primary"],
.tcb-content .btn-txt[class~="lg:border-primary"],
.tcb-header .btn-cta[class~="lg:border-primary"],
.tcb-header .btn-ghost[class~="lg:border-primary"],
.tcb-header .btn-txt[class~="lg:border-primary"],
.tcb-footer .btn-cta[class~="lg:border-primary"],
.tcb-footer .btn-ghost[class~="lg:border-primary"],
.tcb-footer .btn-txt[class~="lg:border-primary"],
.tcb-header-preview .btn-cta[class~="lg:border-primary"],
.tcb-header-preview .btn-ghost[class~="lg:border-primary"],
.tcb-header-preview .btn-txt[class~="lg:border-primary"],
.tcb-footer-preview .btn-cta[class~="lg:border-primary"],
.tcb-footer-preview .btn-ghost[class~="lg:border-primary"],
.tcb-footer-preview .btn-txt[class~="lg:border-primary"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-primary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-primary"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-primary"] {
    border-color: var(--tcb-color-primary) !important;
  }
  .tcb-content .btn-cta[class~="lg:border-secondary"],
.tcb-content .btn-ghost[class~="lg:border-secondary"],
.tcb-content .btn-txt[class~="lg:border-secondary"],
.tcb-header .btn-cta[class~="lg:border-secondary"],
.tcb-header .btn-ghost[class~="lg:border-secondary"],
.tcb-header .btn-txt[class~="lg:border-secondary"],
.tcb-footer .btn-cta[class~="lg:border-secondary"],
.tcb-footer .btn-ghost[class~="lg:border-secondary"],
.tcb-footer .btn-txt[class~="lg:border-secondary"],
.tcb-header-preview .btn-cta[class~="lg:border-secondary"],
.tcb-header-preview .btn-ghost[class~="lg:border-secondary"],
.tcb-header-preview .btn-txt[class~="lg:border-secondary"],
.tcb-footer-preview .btn-cta[class~="lg:border-secondary"],
.tcb-footer-preview .btn-ghost[class~="lg:border-secondary"],
.tcb-footer-preview .btn-txt[class~="lg:border-secondary"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-secondary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-secondary"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-secondary"] {
    border-color: var(--tcb-color-secondary) !important;
  }
  .tcb-content .btn-cta[class~="lg:border-tertiary"],
.tcb-content .btn-ghost[class~="lg:border-tertiary"],
.tcb-content .btn-txt[class~="lg:border-tertiary"],
.tcb-header .btn-cta[class~="lg:border-tertiary"],
.tcb-header .btn-ghost[class~="lg:border-tertiary"],
.tcb-header .btn-txt[class~="lg:border-tertiary"],
.tcb-footer .btn-cta[class~="lg:border-tertiary"],
.tcb-footer .btn-ghost[class~="lg:border-tertiary"],
.tcb-footer .btn-txt[class~="lg:border-tertiary"],
.tcb-header-preview .btn-cta[class~="lg:border-tertiary"],
.tcb-header-preview .btn-ghost[class~="lg:border-tertiary"],
.tcb-header-preview .btn-txt[class~="lg:border-tertiary"],
.tcb-footer-preview .btn-cta[class~="lg:border-tertiary"],
.tcb-footer-preview .btn-ghost[class~="lg:border-tertiary"],
.tcb-footer-preview .btn-txt[class~="lg:border-tertiary"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-tertiary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-tertiary"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-tertiary"] {
    border-color: var(--tcb-color-tertiary) !important;
  }
  .tcb-content .btn-cta[class~="lg:border-error"],
.tcb-content .btn-ghost[class~="lg:border-error"],
.tcb-content .btn-txt[class~="lg:border-error"],
.tcb-header .btn-cta[class~="lg:border-error"],
.tcb-header .btn-ghost[class~="lg:border-error"],
.tcb-header .btn-txt[class~="lg:border-error"],
.tcb-footer .btn-cta[class~="lg:border-error"],
.tcb-footer .btn-ghost[class~="lg:border-error"],
.tcb-footer .btn-txt[class~="lg:border-error"],
.tcb-header-preview .btn-cta[class~="lg:border-error"],
.tcb-header-preview .btn-ghost[class~="lg:border-error"],
.tcb-header-preview .btn-txt[class~="lg:border-error"],
.tcb-footer-preview .btn-cta[class~="lg:border-error"],
.tcb-footer-preview .btn-ghost[class~="lg:border-error"],
.tcb-footer-preview .btn-txt[class~="lg:border-error"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-error"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-error"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-error"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-error"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-error"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-error"] {
    border-color: var(--tcb-color-error) !important;
  }
  .tcb-content .btn-cta[class~="lg:border-alert"],
.tcb-content .btn-ghost[class~="lg:border-alert"],
.tcb-content .btn-txt[class~="lg:border-alert"],
.tcb-header .btn-cta[class~="lg:border-alert"],
.tcb-header .btn-ghost[class~="lg:border-alert"],
.tcb-header .btn-txt[class~="lg:border-alert"],
.tcb-footer .btn-cta[class~="lg:border-alert"],
.tcb-footer .btn-ghost[class~="lg:border-alert"],
.tcb-footer .btn-txt[class~="lg:border-alert"],
.tcb-header-preview .btn-cta[class~="lg:border-alert"],
.tcb-header-preview .btn-ghost[class~="lg:border-alert"],
.tcb-header-preview .btn-txt[class~="lg:border-alert"],
.tcb-footer-preview .btn-cta[class~="lg:border-alert"],
.tcb-footer-preview .btn-ghost[class~="lg:border-alert"],
.tcb-footer-preview .btn-txt[class~="lg:border-alert"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-alert"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-alert"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-alert"] {
    border-color: var(--tcb-color-alert) !important;
  }
  .tcb-content .btn-cta[class~="lg:border-success"],
.tcb-content .btn-ghost[class~="lg:border-success"],
.tcb-content .btn-txt[class~="lg:border-success"],
.tcb-header .btn-cta[class~="lg:border-success"],
.tcb-header .btn-ghost[class~="lg:border-success"],
.tcb-header .btn-txt[class~="lg:border-success"],
.tcb-footer .btn-cta[class~="lg:border-success"],
.tcb-footer .btn-ghost[class~="lg:border-success"],
.tcb-footer .btn-txt[class~="lg:border-success"],
.tcb-header-preview .btn-cta[class~="lg:border-success"],
.tcb-header-preview .btn-ghost[class~="lg:border-success"],
.tcb-header-preview .btn-txt[class~="lg:border-success"],
.tcb-footer-preview .btn-cta[class~="lg:border-success"],
.tcb-footer-preview .btn-ghost[class~="lg:border-success"],
.tcb-footer-preview .btn-txt[class~="lg:border-success"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-success"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-success"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-success"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-success"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-success"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-success"] {
    border-color: var(--tcb-color-success) !important;
  }
  .tcb-content .btn-cta[class~="lg:border-paragraph"],
.tcb-content .btn-ghost[class~="lg:border-paragraph"],
.tcb-content .btn-txt[class~="lg:border-paragraph"],
.tcb-header .btn-cta[class~="lg:border-paragraph"],
.tcb-header .btn-ghost[class~="lg:border-paragraph"],
.tcb-header .btn-txt[class~="lg:border-paragraph"],
.tcb-footer .btn-cta[class~="lg:border-paragraph"],
.tcb-footer .btn-ghost[class~="lg:border-paragraph"],
.tcb-footer .btn-txt[class~="lg:border-paragraph"],
.tcb-header-preview .btn-cta[class~="lg:border-paragraph"],
.tcb-header-preview .btn-ghost[class~="lg:border-paragraph"],
.tcb-header-preview .btn-txt[class~="lg:border-paragraph"],
.tcb-footer-preview .btn-cta[class~="lg:border-paragraph"],
.tcb-footer-preview .btn-ghost[class~="lg:border-paragraph"],
.tcb-footer-preview .btn-txt[class~="lg:border-paragraph"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-paragraph"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-paragraph"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-paragraph"] {
    border-color: var(--tcb-color-paragraph) !important;
  }
  .tcb-content .btn-cta[class~="lg:border-white"],
.tcb-content .btn-ghost[class~="lg:border-white"],
.tcb-content .btn-txt[class~="lg:border-white"],
.tcb-header .btn-cta[class~="lg:border-white"],
.tcb-header .btn-ghost[class~="lg:border-white"],
.tcb-header .btn-txt[class~="lg:border-white"],
.tcb-footer .btn-cta[class~="lg:border-white"],
.tcb-footer .btn-ghost[class~="lg:border-white"],
.tcb-footer .btn-txt[class~="lg:border-white"],
.tcb-header-preview .btn-cta[class~="lg:border-white"],
.tcb-header-preview .btn-ghost[class~="lg:border-white"],
.tcb-header-preview .btn-txt[class~="lg:border-white"],
.tcb-footer-preview .btn-cta[class~="lg:border-white"],
.tcb-footer-preview .btn-ghost[class~="lg:border-white"],
.tcb-footer-preview .btn-txt[class~="lg:border-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-white"] {
    border-color: var(--tcb-color-white) !important;
  }
  .tcb-content .btn-cta[class~="lg:border-black"],
.tcb-content .btn-ghost[class~="lg:border-black"],
.tcb-content .btn-txt[class~="lg:border-black"],
.tcb-header .btn-cta[class~="lg:border-black"],
.tcb-header .btn-ghost[class~="lg:border-black"],
.tcb-header .btn-txt[class~="lg:border-black"],
.tcb-footer .btn-cta[class~="lg:border-black"],
.tcb-footer .btn-ghost[class~="lg:border-black"],
.tcb-footer .btn-txt[class~="lg:border-black"],
.tcb-header-preview .btn-cta[class~="lg:border-black"],
.tcb-header-preview .btn-ghost[class~="lg:border-black"],
.tcb-header-preview .btn-txt[class~="lg:border-black"],
.tcb-footer-preview .btn-cta[class~="lg:border-black"],
.tcb-footer-preview .btn-ghost[class~="lg:border-black"],
.tcb-footer-preview .btn-txt[class~="lg:border-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-black"] {
    border-color: var(--tcb-color-black) !important;
  }
  .tcb-content .btn-cta[class~="lg:border-stroke"],
.tcb-content .btn-ghost[class~="lg:border-stroke"],
.tcb-content .btn-txt[class~="lg:border-stroke"],
.tcb-header .btn-cta[class~="lg:border-stroke"],
.tcb-header .btn-ghost[class~="lg:border-stroke"],
.tcb-header .btn-txt[class~="lg:border-stroke"],
.tcb-footer .btn-cta[class~="lg:border-stroke"],
.tcb-footer .btn-ghost[class~="lg:border-stroke"],
.tcb-footer .btn-txt[class~="lg:border-stroke"],
.tcb-header-preview .btn-cta[class~="lg:border-stroke"],
.tcb-header-preview .btn-ghost[class~="lg:border-stroke"],
.tcb-header-preview .btn-txt[class~="lg:border-stroke"],
.tcb-footer-preview .btn-cta[class~="lg:border-stroke"],
.tcb-footer-preview .btn-ghost[class~="lg:border-stroke"],
.tcb-footer-preview .btn-txt[class~="lg:border-stroke"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-stroke"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-stroke"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-stroke"] {
    border-color: var(--tcb-color-stroke) !important;
  }
  .tcb-content .btn-cta[class~="lg:border-title"],
.tcb-content .btn-ghost[class~="lg:border-title"],
.tcb-content .btn-txt[class~="lg:border-title"],
.tcb-header .btn-cta[class~="lg:border-title"],
.tcb-header .btn-ghost[class~="lg:border-title"],
.tcb-header .btn-txt[class~="lg:border-title"],
.tcb-footer .btn-cta[class~="lg:border-title"],
.tcb-footer .btn-ghost[class~="lg:border-title"],
.tcb-footer .btn-txt[class~="lg:border-title"],
.tcb-header-preview .btn-cta[class~="lg:border-title"],
.tcb-header-preview .btn-ghost[class~="lg:border-title"],
.tcb-header-preview .btn-txt[class~="lg:border-title"],
.tcb-footer-preview .btn-cta[class~="lg:border-title"],
.tcb-footer-preview .btn-ghost[class~="lg:border-title"],
.tcb-footer-preview .btn-txt[class~="lg:border-title"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-title"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-title"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-title"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-title"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-title"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-title"] {
    border-color: var(--tcb-color-title) !important;
  }
  .tcb-content .btn-cta[class~="lg:border-light"],
.tcb-content .btn-ghost[class~="lg:border-light"],
.tcb-content .btn-txt[class~="lg:border-light"],
.tcb-header .btn-cta[class~="lg:border-light"],
.tcb-header .btn-ghost[class~="lg:border-light"],
.tcb-header .btn-txt[class~="lg:border-light"],
.tcb-footer .btn-cta[class~="lg:border-light"],
.tcb-footer .btn-ghost[class~="lg:border-light"],
.tcb-footer .btn-txt[class~="lg:border-light"],
.tcb-header-preview .btn-cta[class~="lg:border-light"],
.tcb-header-preview .btn-ghost[class~="lg:border-light"],
.tcb-header-preview .btn-txt[class~="lg:border-light"],
.tcb-footer-preview .btn-cta[class~="lg:border-light"],
.tcb-footer-preview .btn-ghost[class~="lg:border-light"],
.tcb-footer-preview .btn-txt[class~="lg:border-light"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-light"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-light"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-light"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-light"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-light"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-light"] {
    border-color: var(--tcb-color-light) !important;
  }
  .tcb-content .btn-cta[class~="lg:border-dark"],
.tcb-content .btn-ghost[class~="lg:border-dark"],
.tcb-content .btn-txt[class~="lg:border-dark"],
.tcb-header .btn-cta[class~="lg:border-dark"],
.tcb-header .btn-ghost[class~="lg:border-dark"],
.tcb-header .btn-txt[class~="lg:border-dark"],
.tcb-footer .btn-cta[class~="lg:border-dark"],
.tcb-footer .btn-ghost[class~="lg:border-dark"],
.tcb-footer .btn-txt[class~="lg:border-dark"],
.tcb-header-preview .btn-cta[class~="lg:border-dark"],
.tcb-header-preview .btn-ghost[class~="lg:border-dark"],
.tcb-header-preview .btn-txt[class~="lg:border-dark"],
.tcb-footer-preview .btn-cta[class~="lg:border-dark"],
.tcb-footer-preview .btn-ghost[class~="lg:border-dark"],
.tcb-footer-preview .btn-txt[class~="lg:border-dark"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-dark"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-dark"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-dark"] {
    border-color: var(--tcb-color-dark) !important;
  }
}

@media (min-width: 1280px) {
  .tcb-content .btn-cta[class~="xl:border-primary"],
.tcb-content .btn-ghost[class~="xl:border-primary"],
.tcb-content .btn-txt[class~="xl:border-primary"],
.tcb-header .btn-cta[class~="xl:border-primary"],
.tcb-header .btn-ghost[class~="xl:border-primary"],
.tcb-header .btn-txt[class~="xl:border-primary"],
.tcb-footer .btn-cta[class~="xl:border-primary"],
.tcb-footer .btn-ghost[class~="xl:border-primary"],
.tcb-footer .btn-txt[class~="xl:border-primary"],
.tcb-header-preview .btn-cta[class~="xl:border-primary"],
.tcb-header-preview .btn-ghost[class~="xl:border-primary"],
.tcb-header-preview .btn-txt[class~="xl:border-primary"],
.tcb-footer-preview .btn-cta[class~="xl:border-primary"],
.tcb-footer-preview .btn-ghost[class~="xl:border-primary"],
.tcb-footer-preview .btn-txt[class~="xl:border-primary"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-primary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-primary"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-primary"] {
    border-color: var(--tcb-color-primary) !important;
  }
  .tcb-content .btn-cta[class~="xl:border-secondary"],
.tcb-content .btn-ghost[class~="xl:border-secondary"],
.tcb-content .btn-txt[class~="xl:border-secondary"],
.tcb-header .btn-cta[class~="xl:border-secondary"],
.tcb-header .btn-ghost[class~="xl:border-secondary"],
.tcb-header .btn-txt[class~="xl:border-secondary"],
.tcb-footer .btn-cta[class~="xl:border-secondary"],
.tcb-footer .btn-ghost[class~="xl:border-secondary"],
.tcb-footer .btn-txt[class~="xl:border-secondary"],
.tcb-header-preview .btn-cta[class~="xl:border-secondary"],
.tcb-header-preview .btn-ghost[class~="xl:border-secondary"],
.tcb-header-preview .btn-txt[class~="xl:border-secondary"],
.tcb-footer-preview .btn-cta[class~="xl:border-secondary"],
.tcb-footer-preview .btn-ghost[class~="xl:border-secondary"],
.tcb-footer-preview .btn-txt[class~="xl:border-secondary"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-secondary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-secondary"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-secondary"] {
    border-color: var(--tcb-color-secondary) !important;
  }
  .tcb-content .btn-cta[class~="xl:border-tertiary"],
.tcb-content .btn-ghost[class~="xl:border-tertiary"],
.tcb-content .btn-txt[class~="xl:border-tertiary"],
.tcb-header .btn-cta[class~="xl:border-tertiary"],
.tcb-header .btn-ghost[class~="xl:border-tertiary"],
.tcb-header .btn-txt[class~="xl:border-tertiary"],
.tcb-footer .btn-cta[class~="xl:border-tertiary"],
.tcb-footer .btn-ghost[class~="xl:border-tertiary"],
.tcb-footer .btn-txt[class~="xl:border-tertiary"],
.tcb-header-preview .btn-cta[class~="xl:border-tertiary"],
.tcb-header-preview .btn-ghost[class~="xl:border-tertiary"],
.tcb-header-preview .btn-txt[class~="xl:border-tertiary"],
.tcb-footer-preview .btn-cta[class~="xl:border-tertiary"],
.tcb-footer-preview .btn-ghost[class~="xl:border-tertiary"],
.tcb-footer-preview .btn-txt[class~="xl:border-tertiary"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-tertiary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-tertiary"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-tertiary"] {
    border-color: var(--tcb-color-tertiary) !important;
  }
  .tcb-content .btn-cta[class~="xl:border-error"],
.tcb-content .btn-ghost[class~="xl:border-error"],
.tcb-content .btn-txt[class~="xl:border-error"],
.tcb-header .btn-cta[class~="xl:border-error"],
.tcb-header .btn-ghost[class~="xl:border-error"],
.tcb-header .btn-txt[class~="xl:border-error"],
.tcb-footer .btn-cta[class~="xl:border-error"],
.tcb-footer .btn-ghost[class~="xl:border-error"],
.tcb-footer .btn-txt[class~="xl:border-error"],
.tcb-header-preview .btn-cta[class~="xl:border-error"],
.tcb-header-preview .btn-ghost[class~="xl:border-error"],
.tcb-header-preview .btn-txt[class~="xl:border-error"],
.tcb-footer-preview .btn-cta[class~="xl:border-error"],
.tcb-footer-preview .btn-ghost[class~="xl:border-error"],
.tcb-footer-preview .btn-txt[class~="xl:border-error"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-error"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-error"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-error"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-error"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-error"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-error"] {
    border-color: var(--tcb-color-error) !important;
  }
  .tcb-content .btn-cta[class~="xl:border-alert"],
.tcb-content .btn-ghost[class~="xl:border-alert"],
.tcb-content .btn-txt[class~="xl:border-alert"],
.tcb-header .btn-cta[class~="xl:border-alert"],
.tcb-header .btn-ghost[class~="xl:border-alert"],
.tcb-header .btn-txt[class~="xl:border-alert"],
.tcb-footer .btn-cta[class~="xl:border-alert"],
.tcb-footer .btn-ghost[class~="xl:border-alert"],
.tcb-footer .btn-txt[class~="xl:border-alert"],
.tcb-header-preview .btn-cta[class~="xl:border-alert"],
.tcb-header-preview .btn-ghost[class~="xl:border-alert"],
.tcb-header-preview .btn-txt[class~="xl:border-alert"],
.tcb-footer-preview .btn-cta[class~="xl:border-alert"],
.tcb-footer-preview .btn-ghost[class~="xl:border-alert"],
.tcb-footer-preview .btn-txt[class~="xl:border-alert"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-alert"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-alert"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-alert"] {
    border-color: var(--tcb-color-alert) !important;
  }
  .tcb-content .btn-cta[class~="xl:border-success"],
.tcb-content .btn-ghost[class~="xl:border-success"],
.tcb-content .btn-txt[class~="xl:border-success"],
.tcb-header .btn-cta[class~="xl:border-success"],
.tcb-header .btn-ghost[class~="xl:border-success"],
.tcb-header .btn-txt[class~="xl:border-success"],
.tcb-footer .btn-cta[class~="xl:border-success"],
.tcb-footer .btn-ghost[class~="xl:border-success"],
.tcb-footer .btn-txt[class~="xl:border-success"],
.tcb-header-preview .btn-cta[class~="xl:border-success"],
.tcb-header-preview .btn-ghost[class~="xl:border-success"],
.tcb-header-preview .btn-txt[class~="xl:border-success"],
.tcb-footer-preview .btn-cta[class~="xl:border-success"],
.tcb-footer-preview .btn-ghost[class~="xl:border-success"],
.tcb-footer-preview .btn-txt[class~="xl:border-success"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-success"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-success"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-success"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-success"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-success"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-success"] {
    border-color: var(--tcb-color-success) !important;
  }
  .tcb-content .btn-cta[class~="xl:border-paragraph"],
.tcb-content .btn-ghost[class~="xl:border-paragraph"],
.tcb-content .btn-txt[class~="xl:border-paragraph"],
.tcb-header .btn-cta[class~="xl:border-paragraph"],
.tcb-header .btn-ghost[class~="xl:border-paragraph"],
.tcb-header .btn-txt[class~="xl:border-paragraph"],
.tcb-footer .btn-cta[class~="xl:border-paragraph"],
.tcb-footer .btn-ghost[class~="xl:border-paragraph"],
.tcb-footer .btn-txt[class~="xl:border-paragraph"],
.tcb-header-preview .btn-cta[class~="xl:border-paragraph"],
.tcb-header-preview .btn-ghost[class~="xl:border-paragraph"],
.tcb-header-preview .btn-txt[class~="xl:border-paragraph"],
.tcb-footer-preview .btn-cta[class~="xl:border-paragraph"],
.tcb-footer-preview .btn-ghost[class~="xl:border-paragraph"],
.tcb-footer-preview .btn-txt[class~="xl:border-paragraph"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-paragraph"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-paragraph"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-paragraph"] {
    border-color: var(--tcb-color-paragraph) !important;
  }
  .tcb-content .btn-cta[class~="xl:border-white"],
.tcb-content .btn-ghost[class~="xl:border-white"],
.tcb-content .btn-txt[class~="xl:border-white"],
.tcb-header .btn-cta[class~="xl:border-white"],
.tcb-header .btn-ghost[class~="xl:border-white"],
.tcb-header .btn-txt[class~="xl:border-white"],
.tcb-footer .btn-cta[class~="xl:border-white"],
.tcb-footer .btn-ghost[class~="xl:border-white"],
.tcb-footer .btn-txt[class~="xl:border-white"],
.tcb-header-preview .btn-cta[class~="xl:border-white"],
.tcb-header-preview .btn-ghost[class~="xl:border-white"],
.tcb-header-preview .btn-txt[class~="xl:border-white"],
.tcb-footer-preview .btn-cta[class~="xl:border-white"],
.tcb-footer-preview .btn-ghost[class~="xl:border-white"],
.tcb-footer-preview .btn-txt[class~="xl:border-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-white"] {
    border-color: var(--tcb-color-white) !important;
  }
  .tcb-content .btn-cta[class~="xl:border-black"],
.tcb-content .btn-ghost[class~="xl:border-black"],
.tcb-content .btn-txt[class~="xl:border-black"],
.tcb-header .btn-cta[class~="xl:border-black"],
.tcb-header .btn-ghost[class~="xl:border-black"],
.tcb-header .btn-txt[class~="xl:border-black"],
.tcb-footer .btn-cta[class~="xl:border-black"],
.tcb-footer .btn-ghost[class~="xl:border-black"],
.tcb-footer .btn-txt[class~="xl:border-black"],
.tcb-header-preview .btn-cta[class~="xl:border-black"],
.tcb-header-preview .btn-ghost[class~="xl:border-black"],
.tcb-header-preview .btn-txt[class~="xl:border-black"],
.tcb-footer-preview .btn-cta[class~="xl:border-black"],
.tcb-footer-preview .btn-ghost[class~="xl:border-black"],
.tcb-footer-preview .btn-txt[class~="xl:border-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-black"] {
    border-color: var(--tcb-color-black) !important;
  }
  .tcb-content .btn-cta[class~="xl:border-stroke"],
.tcb-content .btn-ghost[class~="xl:border-stroke"],
.tcb-content .btn-txt[class~="xl:border-stroke"],
.tcb-header .btn-cta[class~="xl:border-stroke"],
.tcb-header .btn-ghost[class~="xl:border-stroke"],
.tcb-header .btn-txt[class~="xl:border-stroke"],
.tcb-footer .btn-cta[class~="xl:border-stroke"],
.tcb-footer .btn-ghost[class~="xl:border-stroke"],
.tcb-footer .btn-txt[class~="xl:border-stroke"],
.tcb-header-preview .btn-cta[class~="xl:border-stroke"],
.tcb-header-preview .btn-ghost[class~="xl:border-stroke"],
.tcb-header-preview .btn-txt[class~="xl:border-stroke"],
.tcb-footer-preview .btn-cta[class~="xl:border-stroke"],
.tcb-footer-preview .btn-ghost[class~="xl:border-stroke"],
.tcb-footer-preview .btn-txt[class~="xl:border-stroke"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-stroke"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-stroke"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-stroke"] {
    border-color: var(--tcb-color-stroke) !important;
  }
  .tcb-content .btn-cta[class~="xl:border-title"],
.tcb-content .btn-ghost[class~="xl:border-title"],
.tcb-content .btn-txt[class~="xl:border-title"],
.tcb-header .btn-cta[class~="xl:border-title"],
.tcb-header .btn-ghost[class~="xl:border-title"],
.tcb-header .btn-txt[class~="xl:border-title"],
.tcb-footer .btn-cta[class~="xl:border-title"],
.tcb-footer .btn-ghost[class~="xl:border-title"],
.tcb-footer .btn-txt[class~="xl:border-title"],
.tcb-header-preview .btn-cta[class~="xl:border-title"],
.tcb-header-preview .btn-ghost[class~="xl:border-title"],
.tcb-header-preview .btn-txt[class~="xl:border-title"],
.tcb-footer-preview .btn-cta[class~="xl:border-title"],
.tcb-footer-preview .btn-ghost[class~="xl:border-title"],
.tcb-footer-preview .btn-txt[class~="xl:border-title"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-title"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-title"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-title"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-title"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-title"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-title"] {
    border-color: var(--tcb-color-title) !important;
  }
  .tcb-content .btn-cta[class~="xl:border-light"],
.tcb-content .btn-ghost[class~="xl:border-light"],
.tcb-content .btn-txt[class~="xl:border-light"],
.tcb-header .btn-cta[class~="xl:border-light"],
.tcb-header .btn-ghost[class~="xl:border-light"],
.tcb-header .btn-txt[class~="xl:border-light"],
.tcb-footer .btn-cta[class~="xl:border-light"],
.tcb-footer .btn-ghost[class~="xl:border-light"],
.tcb-footer .btn-txt[class~="xl:border-light"],
.tcb-header-preview .btn-cta[class~="xl:border-light"],
.tcb-header-preview .btn-ghost[class~="xl:border-light"],
.tcb-header-preview .btn-txt[class~="xl:border-light"],
.tcb-footer-preview .btn-cta[class~="xl:border-light"],
.tcb-footer-preview .btn-ghost[class~="xl:border-light"],
.tcb-footer-preview .btn-txt[class~="xl:border-light"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-light"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-light"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-light"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-light"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-light"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-light"] {
    border-color: var(--tcb-color-light) !important;
  }
  .tcb-content .btn-cta[class~="xl:border-dark"],
.tcb-content .btn-ghost[class~="xl:border-dark"],
.tcb-content .btn-txt[class~="xl:border-dark"],
.tcb-header .btn-cta[class~="xl:border-dark"],
.tcb-header .btn-ghost[class~="xl:border-dark"],
.tcb-header .btn-txt[class~="xl:border-dark"],
.tcb-footer .btn-cta[class~="xl:border-dark"],
.tcb-footer .btn-ghost[class~="xl:border-dark"],
.tcb-footer .btn-txt[class~="xl:border-dark"],
.tcb-header-preview .btn-cta[class~="xl:border-dark"],
.tcb-header-preview .btn-ghost[class~="xl:border-dark"],
.tcb-header-preview .btn-txt[class~="xl:border-dark"],
.tcb-footer-preview .btn-cta[class~="xl:border-dark"],
.tcb-footer-preview .btn-ghost[class~="xl:border-dark"],
.tcb-footer-preview .btn-txt[class~="xl:border-dark"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-dark"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-dark"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-dark"] {
    border-color: var(--tcb-color-dark) !important;
  }
}

@media (min-width: 1536px) {
  .tcb-content .btn-cta[class~="2xl:border-primary"],
.tcb-content .btn-ghost[class~="2xl:border-primary"],
.tcb-content .btn-txt[class~="2xl:border-primary"],
.tcb-header .btn-cta[class~="2xl:border-primary"],
.tcb-header .btn-ghost[class~="2xl:border-primary"],
.tcb-header .btn-txt[class~="2xl:border-primary"],
.tcb-footer .btn-cta[class~="2xl:border-primary"],
.tcb-footer .btn-ghost[class~="2xl:border-primary"],
.tcb-footer .btn-txt[class~="2xl:border-primary"],
.tcb-header-preview .btn-cta[class~="2xl:border-primary"],
.tcb-header-preview .btn-ghost[class~="2xl:border-primary"],
.tcb-header-preview .btn-txt[class~="2xl:border-primary"],
.tcb-footer-preview .btn-cta[class~="2xl:border-primary"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-primary"],
.tcb-footer-preview .btn-txt[class~="2xl:border-primary"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-primary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-primary"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-primary"] {
    border-color: var(--tcb-color-primary) !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-secondary"],
.tcb-content .btn-ghost[class~="2xl:border-secondary"],
.tcb-content .btn-txt[class~="2xl:border-secondary"],
.tcb-header .btn-cta[class~="2xl:border-secondary"],
.tcb-header .btn-ghost[class~="2xl:border-secondary"],
.tcb-header .btn-txt[class~="2xl:border-secondary"],
.tcb-footer .btn-cta[class~="2xl:border-secondary"],
.tcb-footer .btn-ghost[class~="2xl:border-secondary"],
.tcb-footer .btn-txt[class~="2xl:border-secondary"],
.tcb-header-preview .btn-cta[class~="2xl:border-secondary"],
.tcb-header-preview .btn-ghost[class~="2xl:border-secondary"],
.tcb-header-preview .btn-txt[class~="2xl:border-secondary"],
.tcb-footer-preview .btn-cta[class~="2xl:border-secondary"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-secondary"],
.tcb-footer-preview .btn-txt[class~="2xl:border-secondary"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-secondary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-secondary"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-secondary"] {
    border-color: var(--tcb-color-secondary) !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-tertiary"],
.tcb-content .btn-ghost[class~="2xl:border-tertiary"],
.tcb-content .btn-txt[class~="2xl:border-tertiary"],
.tcb-header .btn-cta[class~="2xl:border-tertiary"],
.tcb-header .btn-ghost[class~="2xl:border-tertiary"],
.tcb-header .btn-txt[class~="2xl:border-tertiary"],
.tcb-footer .btn-cta[class~="2xl:border-tertiary"],
.tcb-footer .btn-ghost[class~="2xl:border-tertiary"],
.tcb-footer .btn-txt[class~="2xl:border-tertiary"],
.tcb-header-preview .btn-cta[class~="2xl:border-tertiary"],
.tcb-header-preview .btn-ghost[class~="2xl:border-tertiary"],
.tcb-header-preview .btn-txt[class~="2xl:border-tertiary"],
.tcb-footer-preview .btn-cta[class~="2xl:border-tertiary"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-tertiary"],
.tcb-footer-preview .btn-txt[class~="2xl:border-tertiary"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-tertiary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-tertiary"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-tertiary"] {
    border-color: var(--tcb-color-tertiary) !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-error"],
.tcb-content .btn-ghost[class~="2xl:border-error"],
.tcb-content .btn-txt[class~="2xl:border-error"],
.tcb-header .btn-cta[class~="2xl:border-error"],
.tcb-header .btn-ghost[class~="2xl:border-error"],
.tcb-header .btn-txt[class~="2xl:border-error"],
.tcb-footer .btn-cta[class~="2xl:border-error"],
.tcb-footer .btn-ghost[class~="2xl:border-error"],
.tcb-footer .btn-txt[class~="2xl:border-error"],
.tcb-header-preview .btn-cta[class~="2xl:border-error"],
.tcb-header-preview .btn-ghost[class~="2xl:border-error"],
.tcb-header-preview .btn-txt[class~="2xl:border-error"],
.tcb-footer-preview .btn-cta[class~="2xl:border-error"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-error"],
.tcb-footer-preview .btn-txt[class~="2xl:border-error"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-error"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-error"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-error"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-error"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-error"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-error"] {
    border-color: var(--tcb-color-error) !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-alert"],
.tcb-content .btn-ghost[class~="2xl:border-alert"],
.tcb-content .btn-txt[class~="2xl:border-alert"],
.tcb-header .btn-cta[class~="2xl:border-alert"],
.tcb-header .btn-ghost[class~="2xl:border-alert"],
.tcb-header .btn-txt[class~="2xl:border-alert"],
.tcb-footer .btn-cta[class~="2xl:border-alert"],
.tcb-footer .btn-ghost[class~="2xl:border-alert"],
.tcb-footer .btn-txt[class~="2xl:border-alert"],
.tcb-header-preview .btn-cta[class~="2xl:border-alert"],
.tcb-header-preview .btn-ghost[class~="2xl:border-alert"],
.tcb-header-preview .btn-txt[class~="2xl:border-alert"],
.tcb-footer-preview .btn-cta[class~="2xl:border-alert"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-alert"],
.tcb-footer-preview .btn-txt[class~="2xl:border-alert"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-alert"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-alert"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-alert"] {
    border-color: var(--tcb-color-alert) !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-success"],
.tcb-content .btn-ghost[class~="2xl:border-success"],
.tcb-content .btn-txt[class~="2xl:border-success"],
.tcb-header .btn-cta[class~="2xl:border-success"],
.tcb-header .btn-ghost[class~="2xl:border-success"],
.tcb-header .btn-txt[class~="2xl:border-success"],
.tcb-footer .btn-cta[class~="2xl:border-success"],
.tcb-footer .btn-ghost[class~="2xl:border-success"],
.tcb-footer .btn-txt[class~="2xl:border-success"],
.tcb-header-preview .btn-cta[class~="2xl:border-success"],
.tcb-header-preview .btn-ghost[class~="2xl:border-success"],
.tcb-header-preview .btn-txt[class~="2xl:border-success"],
.tcb-footer-preview .btn-cta[class~="2xl:border-success"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-success"],
.tcb-footer-preview .btn-txt[class~="2xl:border-success"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-success"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-success"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-success"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-success"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-success"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-success"] {
    border-color: var(--tcb-color-success) !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-paragraph"],
.tcb-content .btn-ghost[class~="2xl:border-paragraph"],
.tcb-content .btn-txt[class~="2xl:border-paragraph"],
.tcb-header .btn-cta[class~="2xl:border-paragraph"],
.tcb-header .btn-ghost[class~="2xl:border-paragraph"],
.tcb-header .btn-txt[class~="2xl:border-paragraph"],
.tcb-footer .btn-cta[class~="2xl:border-paragraph"],
.tcb-footer .btn-ghost[class~="2xl:border-paragraph"],
.tcb-footer .btn-txt[class~="2xl:border-paragraph"],
.tcb-header-preview .btn-cta[class~="2xl:border-paragraph"],
.tcb-header-preview .btn-ghost[class~="2xl:border-paragraph"],
.tcb-header-preview .btn-txt[class~="2xl:border-paragraph"],
.tcb-footer-preview .btn-cta[class~="2xl:border-paragraph"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-paragraph"],
.tcb-footer-preview .btn-txt[class~="2xl:border-paragraph"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-paragraph"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-paragraph"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-paragraph"] {
    border-color: var(--tcb-color-paragraph) !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-white"],
.tcb-content .btn-ghost[class~="2xl:border-white"],
.tcb-content .btn-txt[class~="2xl:border-white"],
.tcb-header .btn-cta[class~="2xl:border-white"],
.tcb-header .btn-ghost[class~="2xl:border-white"],
.tcb-header .btn-txt[class~="2xl:border-white"],
.tcb-footer .btn-cta[class~="2xl:border-white"],
.tcb-footer .btn-ghost[class~="2xl:border-white"],
.tcb-footer .btn-txt[class~="2xl:border-white"],
.tcb-header-preview .btn-cta[class~="2xl:border-white"],
.tcb-header-preview .btn-ghost[class~="2xl:border-white"],
.tcb-header-preview .btn-txt[class~="2xl:border-white"],
.tcb-footer-preview .btn-cta[class~="2xl:border-white"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-white"],
.tcb-footer-preview .btn-txt[class~="2xl:border-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-white"] {
    border-color: var(--tcb-color-white) !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-black"],
.tcb-content .btn-ghost[class~="2xl:border-black"],
.tcb-content .btn-txt[class~="2xl:border-black"],
.tcb-header .btn-cta[class~="2xl:border-black"],
.tcb-header .btn-ghost[class~="2xl:border-black"],
.tcb-header .btn-txt[class~="2xl:border-black"],
.tcb-footer .btn-cta[class~="2xl:border-black"],
.tcb-footer .btn-ghost[class~="2xl:border-black"],
.tcb-footer .btn-txt[class~="2xl:border-black"],
.tcb-header-preview .btn-cta[class~="2xl:border-black"],
.tcb-header-preview .btn-ghost[class~="2xl:border-black"],
.tcb-header-preview .btn-txt[class~="2xl:border-black"],
.tcb-footer-preview .btn-cta[class~="2xl:border-black"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-black"],
.tcb-footer-preview .btn-txt[class~="2xl:border-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-black"] {
    border-color: var(--tcb-color-black) !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-stroke"],
.tcb-content .btn-ghost[class~="2xl:border-stroke"],
.tcb-content .btn-txt[class~="2xl:border-stroke"],
.tcb-header .btn-cta[class~="2xl:border-stroke"],
.tcb-header .btn-ghost[class~="2xl:border-stroke"],
.tcb-header .btn-txt[class~="2xl:border-stroke"],
.tcb-footer .btn-cta[class~="2xl:border-stroke"],
.tcb-footer .btn-ghost[class~="2xl:border-stroke"],
.tcb-footer .btn-txt[class~="2xl:border-stroke"],
.tcb-header-preview .btn-cta[class~="2xl:border-stroke"],
.tcb-header-preview .btn-ghost[class~="2xl:border-stroke"],
.tcb-header-preview .btn-txt[class~="2xl:border-stroke"],
.tcb-footer-preview .btn-cta[class~="2xl:border-stroke"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-stroke"],
.tcb-footer-preview .btn-txt[class~="2xl:border-stroke"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-stroke"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-stroke"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-stroke"] {
    border-color: var(--tcb-color-stroke) !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-title"],
.tcb-content .btn-ghost[class~="2xl:border-title"],
.tcb-content .btn-txt[class~="2xl:border-title"],
.tcb-header .btn-cta[class~="2xl:border-title"],
.tcb-header .btn-ghost[class~="2xl:border-title"],
.tcb-header .btn-txt[class~="2xl:border-title"],
.tcb-footer .btn-cta[class~="2xl:border-title"],
.tcb-footer .btn-ghost[class~="2xl:border-title"],
.tcb-footer .btn-txt[class~="2xl:border-title"],
.tcb-header-preview .btn-cta[class~="2xl:border-title"],
.tcb-header-preview .btn-ghost[class~="2xl:border-title"],
.tcb-header-preview .btn-txt[class~="2xl:border-title"],
.tcb-footer-preview .btn-cta[class~="2xl:border-title"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-title"],
.tcb-footer-preview .btn-txt[class~="2xl:border-title"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-title"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-title"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-title"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-title"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-title"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-title"] {
    border-color: var(--tcb-color-title) !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-light"],
.tcb-content .btn-ghost[class~="2xl:border-light"],
.tcb-content .btn-txt[class~="2xl:border-light"],
.tcb-header .btn-cta[class~="2xl:border-light"],
.tcb-header .btn-ghost[class~="2xl:border-light"],
.tcb-header .btn-txt[class~="2xl:border-light"],
.tcb-footer .btn-cta[class~="2xl:border-light"],
.tcb-footer .btn-ghost[class~="2xl:border-light"],
.tcb-footer .btn-txt[class~="2xl:border-light"],
.tcb-header-preview .btn-cta[class~="2xl:border-light"],
.tcb-header-preview .btn-ghost[class~="2xl:border-light"],
.tcb-header-preview .btn-txt[class~="2xl:border-light"],
.tcb-footer-preview .btn-cta[class~="2xl:border-light"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-light"],
.tcb-footer-preview .btn-txt[class~="2xl:border-light"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-light"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-light"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-light"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-light"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-light"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-light"] {
    border-color: var(--tcb-color-light) !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-dark"],
.tcb-content .btn-ghost[class~="2xl:border-dark"],
.tcb-content .btn-txt[class~="2xl:border-dark"],
.tcb-header .btn-cta[class~="2xl:border-dark"],
.tcb-header .btn-ghost[class~="2xl:border-dark"],
.tcb-header .btn-txt[class~="2xl:border-dark"],
.tcb-footer .btn-cta[class~="2xl:border-dark"],
.tcb-footer .btn-ghost[class~="2xl:border-dark"],
.tcb-footer .btn-txt[class~="2xl:border-dark"],
.tcb-header-preview .btn-cta[class~="2xl:border-dark"],
.tcb-header-preview .btn-ghost[class~="2xl:border-dark"],
.tcb-header-preview .btn-txt[class~="2xl:border-dark"],
.tcb-footer-preview .btn-cta[class~="2xl:border-dark"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-dark"],
.tcb-footer-preview .btn-txt[class~="2xl:border-dark"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-dark"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-dark"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-dark"] {
    border-color: var(--tcb-color-dark) !important;
  }
}

.tcb-content .btn-cta.border-black,
.tcb-content .btn-ghost.border-black,
.tcb-content .btn-txt.border-black,
.tcb-header .btn-cta.border-black,
.tcb-header .btn-ghost.border-black,
.tcb-header .btn-txt.border-black,
.tcb-footer .btn-cta.border-black,
.tcb-footer .btn-ghost.border-black,
.tcb-footer .btn-txt.border-black,
.tcb-header-preview .btn-cta.border-black,
.tcb-header-preview .btn-ghost.border-black,
.tcb-header-preview .btn-txt.border-black,
.tcb-footer-preview .btn-cta.border-black,
.tcb-footer-preview .btn-ghost.border-black,
.tcb-footer-preview .btn-txt.border-black,
#tcb-builder-root .tcb-content .btn-cta.border-black,
#tcb-builder-root .tcb-content .btn-ghost.border-black,
#tcb-builder-root .tcb-content .btn-txt.border-black,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-black,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-black,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-black {
  border-color: #000000 !important;
}

.tcb-content .btn-cta.border-white,
.tcb-content .btn-ghost.border-white,
.tcb-content .btn-txt.border-white,
.tcb-header .btn-cta.border-white,
.tcb-header .btn-ghost.border-white,
.tcb-header .btn-txt.border-white,
.tcb-footer .btn-cta.border-white,
.tcb-footer .btn-ghost.border-white,
.tcb-footer .btn-txt.border-white,
.tcb-header-preview .btn-cta.border-white,
.tcb-header-preview .btn-ghost.border-white,
.tcb-header-preview .btn-txt.border-white,
.tcb-footer-preview .btn-cta.border-white,
.tcb-footer-preview .btn-ghost.border-white,
.tcb-footer-preview .btn-txt.border-white,
#tcb-builder-root .tcb-content .btn-cta.border-white,
#tcb-builder-root .tcb-content .btn-ghost.border-white,
#tcb-builder-root .tcb-content .btn-txt.border-white,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-white,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-white,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-white {
  border-color: #ffffff !important;
}

.tcb-content .btn-cta.border-transparent,
.tcb-content .btn-ghost.border-transparent,
.tcb-content .btn-txt.border-transparent,
.tcb-header .btn-cta.border-transparent,
.tcb-header .btn-ghost.border-transparent,
.tcb-header .btn-txt.border-transparent,
.tcb-footer .btn-cta.border-transparent,
.tcb-footer .btn-ghost.border-transparent,
.tcb-footer .btn-txt.border-transparent,
.tcb-header-preview .btn-cta.border-transparent,
.tcb-header-preview .btn-ghost.border-transparent,
.tcb-header-preview .btn-txt.border-transparent,
.tcb-footer-preview .btn-cta.border-transparent,
.tcb-footer-preview .btn-ghost.border-transparent,
.tcb-footer-preview .btn-txt.border-transparent,
#tcb-builder-root .tcb-content .btn-cta.border-transparent,
#tcb-builder-root .tcb-content .btn-ghost.border-transparent,
#tcb-builder-root .tcb-content .btn-txt.border-transparent,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-transparent,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-transparent,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-transparent {
  border-color: transparent !important;
}

@media (min-width: 640px) {
  .tcb-content .btn-cta[class~="sm:border-black"],
.tcb-content .btn-ghost[class~="sm:border-black"],
.tcb-content .btn-txt[class~="sm:border-black"],
.tcb-header .btn-cta[class~="sm:border-black"],
.tcb-header .btn-ghost[class~="sm:border-black"],
.tcb-header .btn-txt[class~="sm:border-black"],
.tcb-footer .btn-cta[class~="sm:border-black"],
.tcb-footer .btn-ghost[class~="sm:border-black"],
.tcb-footer .btn-txt[class~="sm:border-black"],
.tcb-header-preview .btn-cta[class~="sm:border-black"],
.tcb-header-preview .btn-ghost[class~="sm:border-black"],
.tcb-header-preview .btn-txt[class~="sm:border-black"],
.tcb-footer-preview .btn-cta[class~="sm:border-black"],
.tcb-footer-preview .btn-ghost[class~="sm:border-black"],
.tcb-footer-preview .btn-txt[class~="sm:border-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-black"] {
    border-color: #000000 !important;
  }
  .tcb-content .btn-cta[class~="sm:border-white"],
.tcb-content .btn-ghost[class~="sm:border-white"],
.tcb-content .btn-txt[class~="sm:border-white"],
.tcb-header .btn-cta[class~="sm:border-white"],
.tcb-header .btn-ghost[class~="sm:border-white"],
.tcb-header .btn-txt[class~="sm:border-white"],
.tcb-footer .btn-cta[class~="sm:border-white"],
.tcb-footer .btn-ghost[class~="sm:border-white"],
.tcb-footer .btn-txt[class~="sm:border-white"],
.tcb-header-preview .btn-cta[class~="sm:border-white"],
.tcb-header-preview .btn-ghost[class~="sm:border-white"],
.tcb-header-preview .btn-txt[class~="sm:border-white"],
.tcb-footer-preview .btn-cta[class~="sm:border-white"],
.tcb-footer-preview .btn-ghost[class~="sm:border-white"],
.tcb-footer-preview .btn-txt[class~="sm:border-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-white"] {
    border-color: #ffffff !important;
  }
  .tcb-content .btn-cta[class~="sm:border-transparent"],
.tcb-content .btn-ghost[class~="sm:border-transparent"],
.tcb-content .btn-txt[class~="sm:border-transparent"],
.tcb-header .btn-cta[class~="sm:border-transparent"],
.tcb-header .btn-ghost[class~="sm:border-transparent"],
.tcb-header .btn-txt[class~="sm:border-transparent"],
.tcb-footer .btn-cta[class~="sm:border-transparent"],
.tcb-footer .btn-ghost[class~="sm:border-transparent"],
.tcb-footer .btn-txt[class~="sm:border-transparent"],
.tcb-header-preview .btn-cta[class~="sm:border-transparent"],
.tcb-header-preview .btn-ghost[class~="sm:border-transparent"],
.tcb-header-preview .btn-txt[class~="sm:border-transparent"],
.tcb-footer-preview .btn-cta[class~="sm:border-transparent"],
.tcb-footer-preview .btn-ghost[class~="sm:border-transparent"],
.tcb-footer-preview .btn-txt[class~="sm:border-transparent"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-transparent"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-transparent"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-transparent"] {
    border-color: transparent !important;
  }
}

@media (min-width: 768px) {
  .tcb-content .btn-cta[class~="md:border-black"],
.tcb-content .btn-ghost[class~="md:border-black"],
.tcb-content .btn-txt[class~="md:border-black"],
.tcb-header .btn-cta[class~="md:border-black"],
.tcb-header .btn-ghost[class~="md:border-black"],
.tcb-header .btn-txt[class~="md:border-black"],
.tcb-footer .btn-cta[class~="md:border-black"],
.tcb-footer .btn-ghost[class~="md:border-black"],
.tcb-footer .btn-txt[class~="md:border-black"],
.tcb-header-preview .btn-cta[class~="md:border-black"],
.tcb-header-preview .btn-ghost[class~="md:border-black"],
.tcb-header-preview .btn-txt[class~="md:border-black"],
.tcb-footer-preview .btn-cta[class~="md:border-black"],
.tcb-footer-preview .btn-ghost[class~="md:border-black"],
.tcb-footer-preview .btn-txt[class~="md:border-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-black"] {
    border-color: #000000 !important;
  }
  .tcb-content .btn-cta[class~="md:border-white"],
.tcb-content .btn-ghost[class~="md:border-white"],
.tcb-content .btn-txt[class~="md:border-white"],
.tcb-header .btn-cta[class~="md:border-white"],
.tcb-header .btn-ghost[class~="md:border-white"],
.tcb-header .btn-txt[class~="md:border-white"],
.tcb-footer .btn-cta[class~="md:border-white"],
.tcb-footer .btn-ghost[class~="md:border-white"],
.tcb-footer .btn-txt[class~="md:border-white"],
.tcb-header-preview .btn-cta[class~="md:border-white"],
.tcb-header-preview .btn-ghost[class~="md:border-white"],
.tcb-header-preview .btn-txt[class~="md:border-white"],
.tcb-footer-preview .btn-cta[class~="md:border-white"],
.tcb-footer-preview .btn-ghost[class~="md:border-white"],
.tcb-footer-preview .btn-txt[class~="md:border-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-white"] {
    border-color: #ffffff !important;
  }
  .tcb-content .btn-cta[class~="md:border-transparent"],
.tcb-content .btn-ghost[class~="md:border-transparent"],
.tcb-content .btn-txt[class~="md:border-transparent"],
.tcb-header .btn-cta[class~="md:border-transparent"],
.tcb-header .btn-ghost[class~="md:border-transparent"],
.tcb-header .btn-txt[class~="md:border-transparent"],
.tcb-footer .btn-cta[class~="md:border-transparent"],
.tcb-footer .btn-ghost[class~="md:border-transparent"],
.tcb-footer .btn-txt[class~="md:border-transparent"],
.tcb-header-preview .btn-cta[class~="md:border-transparent"],
.tcb-header-preview .btn-ghost[class~="md:border-transparent"],
.tcb-header-preview .btn-txt[class~="md:border-transparent"],
.tcb-footer-preview .btn-cta[class~="md:border-transparent"],
.tcb-footer-preview .btn-ghost[class~="md:border-transparent"],
.tcb-footer-preview .btn-txt[class~="md:border-transparent"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-transparent"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-transparent"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-transparent"] {
    border-color: transparent !important;
  }
}

@media (min-width: 1024px) {
  .tcb-content .btn-cta[class~="lg:border-black"],
.tcb-content .btn-ghost[class~="lg:border-black"],
.tcb-content .btn-txt[class~="lg:border-black"],
.tcb-header .btn-cta[class~="lg:border-black"],
.tcb-header .btn-ghost[class~="lg:border-black"],
.tcb-header .btn-txt[class~="lg:border-black"],
.tcb-footer .btn-cta[class~="lg:border-black"],
.tcb-footer .btn-ghost[class~="lg:border-black"],
.tcb-footer .btn-txt[class~="lg:border-black"],
.tcb-header-preview .btn-cta[class~="lg:border-black"],
.tcb-header-preview .btn-ghost[class~="lg:border-black"],
.tcb-header-preview .btn-txt[class~="lg:border-black"],
.tcb-footer-preview .btn-cta[class~="lg:border-black"],
.tcb-footer-preview .btn-ghost[class~="lg:border-black"],
.tcb-footer-preview .btn-txt[class~="lg:border-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-black"] {
    border-color: #000000 !important;
  }
  .tcb-content .btn-cta[class~="lg:border-white"],
.tcb-content .btn-ghost[class~="lg:border-white"],
.tcb-content .btn-txt[class~="lg:border-white"],
.tcb-header .btn-cta[class~="lg:border-white"],
.tcb-header .btn-ghost[class~="lg:border-white"],
.tcb-header .btn-txt[class~="lg:border-white"],
.tcb-footer .btn-cta[class~="lg:border-white"],
.tcb-footer .btn-ghost[class~="lg:border-white"],
.tcb-footer .btn-txt[class~="lg:border-white"],
.tcb-header-preview .btn-cta[class~="lg:border-white"],
.tcb-header-preview .btn-ghost[class~="lg:border-white"],
.tcb-header-preview .btn-txt[class~="lg:border-white"],
.tcb-footer-preview .btn-cta[class~="lg:border-white"],
.tcb-footer-preview .btn-ghost[class~="lg:border-white"],
.tcb-footer-preview .btn-txt[class~="lg:border-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-white"] {
    border-color: #ffffff !important;
  }
  .tcb-content .btn-cta[class~="lg:border-transparent"],
.tcb-content .btn-ghost[class~="lg:border-transparent"],
.tcb-content .btn-txt[class~="lg:border-transparent"],
.tcb-header .btn-cta[class~="lg:border-transparent"],
.tcb-header .btn-ghost[class~="lg:border-transparent"],
.tcb-header .btn-txt[class~="lg:border-transparent"],
.tcb-footer .btn-cta[class~="lg:border-transparent"],
.tcb-footer .btn-ghost[class~="lg:border-transparent"],
.tcb-footer .btn-txt[class~="lg:border-transparent"],
.tcb-header-preview .btn-cta[class~="lg:border-transparent"],
.tcb-header-preview .btn-ghost[class~="lg:border-transparent"],
.tcb-header-preview .btn-txt[class~="lg:border-transparent"],
.tcb-footer-preview .btn-cta[class~="lg:border-transparent"],
.tcb-footer-preview .btn-ghost[class~="lg:border-transparent"],
.tcb-footer-preview .btn-txt[class~="lg:border-transparent"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-transparent"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-transparent"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-transparent"] {
    border-color: transparent !important;
  }
}

@media (min-width: 1280px) {
  .tcb-content .btn-cta[class~="xl:border-black"],
.tcb-content .btn-ghost[class~="xl:border-black"],
.tcb-content .btn-txt[class~="xl:border-black"],
.tcb-header .btn-cta[class~="xl:border-black"],
.tcb-header .btn-ghost[class~="xl:border-black"],
.tcb-header .btn-txt[class~="xl:border-black"],
.tcb-footer .btn-cta[class~="xl:border-black"],
.tcb-footer .btn-ghost[class~="xl:border-black"],
.tcb-footer .btn-txt[class~="xl:border-black"],
.tcb-header-preview .btn-cta[class~="xl:border-black"],
.tcb-header-preview .btn-ghost[class~="xl:border-black"],
.tcb-header-preview .btn-txt[class~="xl:border-black"],
.tcb-footer-preview .btn-cta[class~="xl:border-black"],
.tcb-footer-preview .btn-ghost[class~="xl:border-black"],
.tcb-footer-preview .btn-txt[class~="xl:border-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-black"] {
    border-color: #000000 !important;
  }
  .tcb-content .btn-cta[class~="xl:border-white"],
.tcb-content .btn-ghost[class~="xl:border-white"],
.tcb-content .btn-txt[class~="xl:border-white"],
.tcb-header .btn-cta[class~="xl:border-white"],
.tcb-header .btn-ghost[class~="xl:border-white"],
.tcb-header .btn-txt[class~="xl:border-white"],
.tcb-footer .btn-cta[class~="xl:border-white"],
.tcb-footer .btn-ghost[class~="xl:border-white"],
.tcb-footer .btn-txt[class~="xl:border-white"],
.tcb-header-preview .btn-cta[class~="xl:border-white"],
.tcb-header-preview .btn-ghost[class~="xl:border-white"],
.tcb-header-preview .btn-txt[class~="xl:border-white"],
.tcb-footer-preview .btn-cta[class~="xl:border-white"],
.tcb-footer-preview .btn-ghost[class~="xl:border-white"],
.tcb-footer-preview .btn-txt[class~="xl:border-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-white"] {
    border-color: #ffffff !important;
  }
  .tcb-content .btn-cta[class~="xl:border-transparent"],
.tcb-content .btn-ghost[class~="xl:border-transparent"],
.tcb-content .btn-txt[class~="xl:border-transparent"],
.tcb-header .btn-cta[class~="xl:border-transparent"],
.tcb-header .btn-ghost[class~="xl:border-transparent"],
.tcb-header .btn-txt[class~="xl:border-transparent"],
.tcb-footer .btn-cta[class~="xl:border-transparent"],
.tcb-footer .btn-ghost[class~="xl:border-transparent"],
.tcb-footer .btn-txt[class~="xl:border-transparent"],
.tcb-header-preview .btn-cta[class~="xl:border-transparent"],
.tcb-header-preview .btn-ghost[class~="xl:border-transparent"],
.tcb-header-preview .btn-txt[class~="xl:border-transparent"],
.tcb-footer-preview .btn-cta[class~="xl:border-transparent"],
.tcb-footer-preview .btn-ghost[class~="xl:border-transparent"],
.tcb-footer-preview .btn-txt[class~="xl:border-transparent"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-transparent"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-transparent"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-transparent"] {
    border-color: transparent !important;
  }
}

@media (min-width: 1536px) {
  .tcb-content .btn-cta[class~="2xl:border-black"],
.tcb-content .btn-ghost[class~="2xl:border-black"],
.tcb-content .btn-txt[class~="2xl:border-black"],
.tcb-header .btn-cta[class~="2xl:border-black"],
.tcb-header .btn-ghost[class~="2xl:border-black"],
.tcb-header .btn-txt[class~="2xl:border-black"],
.tcb-footer .btn-cta[class~="2xl:border-black"],
.tcb-footer .btn-ghost[class~="2xl:border-black"],
.tcb-footer .btn-txt[class~="2xl:border-black"],
.tcb-header-preview .btn-cta[class~="2xl:border-black"],
.tcb-header-preview .btn-ghost[class~="2xl:border-black"],
.tcb-header-preview .btn-txt[class~="2xl:border-black"],
.tcb-footer-preview .btn-cta[class~="2xl:border-black"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-black"],
.tcb-footer-preview .btn-txt[class~="2xl:border-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-black"] {
    border-color: #000000 !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-white"],
.tcb-content .btn-ghost[class~="2xl:border-white"],
.tcb-content .btn-txt[class~="2xl:border-white"],
.tcb-header .btn-cta[class~="2xl:border-white"],
.tcb-header .btn-ghost[class~="2xl:border-white"],
.tcb-header .btn-txt[class~="2xl:border-white"],
.tcb-footer .btn-cta[class~="2xl:border-white"],
.tcb-footer .btn-ghost[class~="2xl:border-white"],
.tcb-footer .btn-txt[class~="2xl:border-white"],
.tcb-header-preview .btn-cta[class~="2xl:border-white"],
.tcb-header-preview .btn-ghost[class~="2xl:border-white"],
.tcb-header-preview .btn-txt[class~="2xl:border-white"],
.tcb-footer-preview .btn-cta[class~="2xl:border-white"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-white"],
.tcb-footer-preview .btn-txt[class~="2xl:border-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-white"] {
    border-color: #ffffff !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-transparent"],
.tcb-content .btn-ghost[class~="2xl:border-transparent"],
.tcb-content .btn-txt[class~="2xl:border-transparent"],
.tcb-header .btn-cta[class~="2xl:border-transparent"],
.tcb-header .btn-ghost[class~="2xl:border-transparent"],
.tcb-header .btn-txt[class~="2xl:border-transparent"],
.tcb-footer .btn-cta[class~="2xl:border-transparent"],
.tcb-footer .btn-ghost[class~="2xl:border-transparent"],
.tcb-footer .btn-txt[class~="2xl:border-transparent"],
.tcb-header-preview .btn-cta[class~="2xl:border-transparent"],
.tcb-header-preview .btn-ghost[class~="2xl:border-transparent"],
.tcb-header-preview .btn-txt[class~="2xl:border-transparent"],
.tcb-footer-preview .btn-cta[class~="2xl:border-transparent"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-transparent"],
.tcb-footer-preview .btn-txt[class~="2xl:border-transparent"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-transparent"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-transparent"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-transparent"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-transparent"] {
    border-color: transparent !important;
  }
}


/* Button Border Width Overrides */
/* Allows border width classes to override theme button borders */

.tcb-content .btn-cta.border-0,
.tcb-content .btn-ghost.border-0,
.tcb-content .btn-txt.border-0,
.tcb-header .btn-cta.border-0,
.tcb-header .btn-ghost.border-0,
.tcb-header .btn-txt.border-0,
.tcb-footer .btn-cta.border-0,
.tcb-footer .btn-ghost.border-0,
.tcb-footer .btn-txt.border-0,
.tcb-header-preview .btn-cta.border-0,
.tcb-header-preview .btn-ghost.border-0,
.tcb-header-preview .btn-txt.border-0,
.tcb-footer-preview .btn-cta.border-0,
.tcb-footer-preview .btn-ghost.border-0,
.tcb-footer-preview .btn-txt.border-0,
#tcb-builder-root .tcb-content .btn-cta.border-0,
#tcb-builder-root .tcb-content .btn-ghost.border-0,
#tcb-builder-root .tcb-content .btn-txt.border-0,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-0,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-0,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-0 {
  border-width: 0px !important;
}

.tcb-content .btn-cta.border,
.tcb-content .btn-ghost.border,
.tcb-content .btn-txt.border,
.tcb-header .btn-cta.border,
.tcb-header .btn-ghost.border,
.tcb-header .btn-txt.border,
.tcb-footer .btn-cta.border,
.tcb-footer .btn-ghost.border,
.tcb-footer .btn-txt.border,
.tcb-header-preview .btn-cta.border,
.tcb-header-preview .btn-ghost.border,
.tcb-header-preview .btn-txt.border,
.tcb-footer-preview .btn-cta.border,
.tcb-footer-preview .btn-ghost.border,
.tcb-footer-preview .btn-txt.border,
#tcb-builder-root .tcb-content .btn-cta.border,
#tcb-builder-root .tcb-content .btn-ghost.border,
#tcb-builder-root .tcb-content .btn-txt.border,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border {
  border-width: 1px !important;
}

.tcb-content .btn-cta.border-2,
.tcb-content .btn-ghost.border-2,
.tcb-content .btn-txt.border-2,
.tcb-header .btn-cta.border-2,
.tcb-header .btn-ghost.border-2,
.tcb-header .btn-txt.border-2,
.tcb-footer .btn-cta.border-2,
.tcb-footer .btn-ghost.border-2,
.tcb-footer .btn-txt.border-2,
.tcb-header-preview .btn-cta.border-2,
.tcb-header-preview .btn-ghost.border-2,
.tcb-header-preview .btn-txt.border-2,
.tcb-footer-preview .btn-cta.border-2,
.tcb-footer-preview .btn-ghost.border-2,
.tcb-footer-preview .btn-txt.border-2,
#tcb-builder-root .tcb-content .btn-cta.border-2,
#tcb-builder-root .tcb-content .btn-ghost.border-2,
#tcb-builder-root .tcb-content .btn-txt.border-2,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-2,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-2,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-2 {
  border-width: 2px !important;
}

.tcb-content .btn-cta.border-4,
.tcb-content .btn-ghost.border-4,
.tcb-content .btn-txt.border-4,
.tcb-header .btn-cta.border-4,
.tcb-header .btn-ghost.border-4,
.tcb-header .btn-txt.border-4,
.tcb-footer .btn-cta.border-4,
.tcb-footer .btn-ghost.border-4,
.tcb-footer .btn-txt.border-4,
.tcb-header-preview .btn-cta.border-4,
.tcb-header-preview .btn-ghost.border-4,
.tcb-header-preview .btn-txt.border-4,
.tcb-footer-preview .btn-cta.border-4,
.tcb-footer-preview .btn-ghost.border-4,
.tcb-footer-preview .btn-txt.border-4,
#tcb-builder-root .tcb-content .btn-cta.border-4,
#tcb-builder-root .tcb-content .btn-ghost.border-4,
#tcb-builder-root .tcb-content .btn-txt.border-4,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-4,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-4,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-4 {
  border-width: 4px !important;
}

.tcb-content .btn-cta.border-8,
.tcb-content .btn-ghost.border-8,
.tcb-content .btn-txt.border-8,
.tcb-header .btn-cta.border-8,
.tcb-header .btn-ghost.border-8,
.tcb-header .btn-txt.border-8,
.tcb-footer .btn-cta.border-8,
.tcb-footer .btn-ghost.border-8,
.tcb-footer .btn-txt.border-8,
.tcb-header-preview .btn-cta.border-8,
.tcb-header-preview .btn-ghost.border-8,
.tcb-header-preview .btn-txt.border-8,
.tcb-footer-preview .btn-cta.border-8,
.tcb-footer-preview .btn-ghost.border-8,
.tcb-footer-preview .btn-txt.border-8,
#tcb-builder-root .tcb-content .btn-cta.border-8,
#tcb-builder-root .tcb-content .btn-ghost.border-8,
#tcb-builder-root .tcb-content .btn-txt.border-8,
#tcb-builder-root .tcb-canvas-inner .btn-cta.border-8,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.border-8,
#tcb-builder-root .tcb-canvas-inner .btn-txt.border-8 {
  border-width: 8px !important;
}

@media (min-width: 640px) {
  .tcb-content .btn-cta[class~="sm:border-0"],
.tcb-content .btn-ghost[class~="sm:border-0"],
.tcb-content .btn-txt[class~="sm:border-0"],
.tcb-header .btn-cta[class~="sm:border-0"],
.tcb-header .btn-ghost[class~="sm:border-0"],
.tcb-header .btn-txt[class~="sm:border-0"],
.tcb-footer .btn-cta[class~="sm:border-0"],
.tcb-footer .btn-ghost[class~="sm:border-0"],
.tcb-footer .btn-txt[class~="sm:border-0"],
.tcb-header-preview .btn-cta[class~="sm:border-0"],
.tcb-header-preview .btn-ghost[class~="sm:border-0"],
.tcb-header-preview .btn-txt[class~="sm:border-0"],
.tcb-footer-preview .btn-cta[class~="sm:border-0"],
.tcb-footer-preview .btn-ghost[class~="sm:border-0"],
.tcb-footer-preview .btn-txt[class~="sm:border-0"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-0"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-0"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-0"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-0"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-0"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-0"] {
    border-width: 0px !important;
  }
  .tcb-content .btn-cta[class~="sm:border"],
.tcb-content .btn-ghost[class~="sm:border"],
.tcb-content .btn-txt[class~="sm:border"],
.tcb-header .btn-cta[class~="sm:border"],
.tcb-header .btn-ghost[class~="sm:border"],
.tcb-header .btn-txt[class~="sm:border"],
.tcb-footer .btn-cta[class~="sm:border"],
.tcb-footer .btn-ghost[class~="sm:border"],
.tcb-footer .btn-txt[class~="sm:border"],
.tcb-header-preview .btn-cta[class~="sm:border"],
.tcb-header-preview .btn-ghost[class~="sm:border"],
.tcb-header-preview .btn-txt[class~="sm:border"],
.tcb-footer-preview .btn-cta[class~="sm:border"],
.tcb-footer-preview .btn-ghost[class~="sm:border"],
.tcb-footer-preview .btn-txt[class~="sm:border"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border"] {
    border-width: 1px !important;
  }
  .tcb-content .btn-cta[class~="sm:border-2"],
.tcb-content .btn-ghost[class~="sm:border-2"],
.tcb-content .btn-txt[class~="sm:border-2"],
.tcb-header .btn-cta[class~="sm:border-2"],
.tcb-header .btn-ghost[class~="sm:border-2"],
.tcb-header .btn-txt[class~="sm:border-2"],
.tcb-footer .btn-cta[class~="sm:border-2"],
.tcb-footer .btn-ghost[class~="sm:border-2"],
.tcb-footer .btn-txt[class~="sm:border-2"],
.tcb-header-preview .btn-cta[class~="sm:border-2"],
.tcb-header-preview .btn-ghost[class~="sm:border-2"],
.tcb-header-preview .btn-txt[class~="sm:border-2"],
.tcb-footer-preview .btn-cta[class~="sm:border-2"],
.tcb-footer-preview .btn-ghost[class~="sm:border-2"],
.tcb-footer-preview .btn-txt[class~="sm:border-2"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-2"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-2"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-2"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-2"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-2"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-2"] {
    border-width: 2px !important;
  }
  .tcb-content .btn-cta[class~="sm:border-4"],
.tcb-content .btn-ghost[class~="sm:border-4"],
.tcb-content .btn-txt[class~="sm:border-4"],
.tcb-header .btn-cta[class~="sm:border-4"],
.tcb-header .btn-ghost[class~="sm:border-4"],
.tcb-header .btn-txt[class~="sm:border-4"],
.tcb-footer .btn-cta[class~="sm:border-4"],
.tcb-footer .btn-ghost[class~="sm:border-4"],
.tcb-footer .btn-txt[class~="sm:border-4"],
.tcb-header-preview .btn-cta[class~="sm:border-4"],
.tcb-header-preview .btn-ghost[class~="sm:border-4"],
.tcb-header-preview .btn-txt[class~="sm:border-4"],
.tcb-footer-preview .btn-cta[class~="sm:border-4"],
.tcb-footer-preview .btn-ghost[class~="sm:border-4"],
.tcb-footer-preview .btn-txt[class~="sm:border-4"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-4"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-4"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-4"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-4"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-4"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-4"] {
    border-width: 4px !important;
  }
  .tcb-content .btn-cta[class~="sm:border-8"],
.tcb-content .btn-ghost[class~="sm:border-8"],
.tcb-content .btn-txt[class~="sm:border-8"],
.tcb-header .btn-cta[class~="sm:border-8"],
.tcb-header .btn-ghost[class~="sm:border-8"],
.tcb-header .btn-txt[class~="sm:border-8"],
.tcb-footer .btn-cta[class~="sm:border-8"],
.tcb-footer .btn-ghost[class~="sm:border-8"],
.tcb-footer .btn-txt[class~="sm:border-8"],
.tcb-header-preview .btn-cta[class~="sm:border-8"],
.tcb-header-preview .btn-ghost[class~="sm:border-8"],
.tcb-header-preview .btn-txt[class~="sm:border-8"],
.tcb-footer-preview .btn-cta[class~="sm:border-8"],
.tcb-footer-preview .btn-ghost[class~="sm:border-8"],
.tcb-footer-preview .btn-txt[class~="sm:border-8"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:border-8"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:border-8"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:border-8"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:border-8"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:border-8"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:border-8"] {
    border-width: 8px !important;
  }
}

@media (min-width: 768px) {
  .tcb-content .btn-cta[class~="md:border-0"],
.tcb-content .btn-ghost[class~="md:border-0"],
.tcb-content .btn-txt[class~="md:border-0"],
.tcb-header .btn-cta[class~="md:border-0"],
.tcb-header .btn-ghost[class~="md:border-0"],
.tcb-header .btn-txt[class~="md:border-0"],
.tcb-footer .btn-cta[class~="md:border-0"],
.tcb-footer .btn-ghost[class~="md:border-0"],
.tcb-footer .btn-txt[class~="md:border-0"],
.tcb-header-preview .btn-cta[class~="md:border-0"],
.tcb-header-preview .btn-ghost[class~="md:border-0"],
.tcb-header-preview .btn-txt[class~="md:border-0"],
.tcb-footer-preview .btn-cta[class~="md:border-0"],
.tcb-footer-preview .btn-ghost[class~="md:border-0"],
.tcb-footer-preview .btn-txt[class~="md:border-0"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-0"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-0"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-0"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-0"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-0"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-0"] {
    border-width: 0px !important;
  }
  .tcb-content .btn-cta[class~="md:border"],
.tcb-content .btn-ghost[class~="md:border"],
.tcb-content .btn-txt[class~="md:border"],
.tcb-header .btn-cta[class~="md:border"],
.tcb-header .btn-ghost[class~="md:border"],
.tcb-header .btn-txt[class~="md:border"],
.tcb-footer .btn-cta[class~="md:border"],
.tcb-footer .btn-ghost[class~="md:border"],
.tcb-footer .btn-txt[class~="md:border"],
.tcb-header-preview .btn-cta[class~="md:border"],
.tcb-header-preview .btn-ghost[class~="md:border"],
.tcb-header-preview .btn-txt[class~="md:border"],
.tcb-footer-preview .btn-cta[class~="md:border"],
.tcb-footer-preview .btn-ghost[class~="md:border"],
.tcb-footer-preview .btn-txt[class~="md:border"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border"] {
    border-width: 1px !important;
  }
  .tcb-content .btn-cta[class~="md:border-2"],
.tcb-content .btn-ghost[class~="md:border-2"],
.tcb-content .btn-txt[class~="md:border-2"],
.tcb-header .btn-cta[class~="md:border-2"],
.tcb-header .btn-ghost[class~="md:border-2"],
.tcb-header .btn-txt[class~="md:border-2"],
.tcb-footer .btn-cta[class~="md:border-2"],
.tcb-footer .btn-ghost[class~="md:border-2"],
.tcb-footer .btn-txt[class~="md:border-2"],
.tcb-header-preview .btn-cta[class~="md:border-2"],
.tcb-header-preview .btn-ghost[class~="md:border-2"],
.tcb-header-preview .btn-txt[class~="md:border-2"],
.tcb-footer-preview .btn-cta[class~="md:border-2"],
.tcb-footer-preview .btn-ghost[class~="md:border-2"],
.tcb-footer-preview .btn-txt[class~="md:border-2"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-2"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-2"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-2"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-2"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-2"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-2"] {
    border-width: 2px !important;
  }
  .tcb-content .btn-cta[class~="md:border-4"],
.tcb-content .btn-ghost[class~="md:border-4"],
.tcb-content .btn-txt[class~="md:border-4"],
.tcb-header .btn-cta[class~="md:border-4"],
.tcb-header .btn-ghost[class~="md:border-4"],
.tcb-header .btn-txt[class~="md:border-4"],
.tcb-footer .btn-cta[class~="md:border-4"],
.tcb-footer .btn-ghost[class~="md:border-4"],
.tcb-footer .btn-txt[class~="md:border-4"],
.tcb-header-preview .btn-cta[class~="md:border-4"],
.tcb-header-preview .btn-ghost[class~="md:border-4"],
.tcb-header-preview .btn-txt[class~="md:border-4"],
.tcb-footer-preview .btn-cta[class~="md:border-4"],
.tcb-footer-preview .btn-ghost[class~="md:border-4"],
.tcb-footer-preview .btn-txt[class~="md:border-4"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-4"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-4"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-4"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-4"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-4"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-4"] {
    border-width: 4px !important;
  }
  .tcb-content .btn-cta[class~="md:border-8"],
.tcb-content .btn-ghost[class~="md:border-8"],
.tcb-content .btn-txt[class~="md:border-8"],
.tcb-header .btn-cta[class~="md:border-8"],
.tcb-header .btn-ghost[class~="md:border-8"],
.tcb-header .btn-txt[class~="md:border-8"],
.tcb-footer .btn-cta[class~="md:border-8"],
.tcb-footer .btn-ghost[class~="md:border-8"],
.tcb-footer .btn-txt[class~="md:border-8"],
.tcb-header-preview .btn-cta[class~="md:border-8"],
.tcb-header-preview .btn-ghost[class~="md:border-8"],
.tcb-header-preview .btn-txt[class~="md:border-8"],
.tcb-footer-preview .btn-cta[class~="md:border-8"],
.tcb-footer-preview .btn-ghost[class~="md:border-8"],
.tcb-footer-preview .btn-txt[class~="md:border-8"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:border-8"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:border-8"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:border-8"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:border-8"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:border-8"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:border-8"] {
    border-width: 8px !important;
  }
}

@media (min-width: 1024px) {
  .tcb-content .btn-cta[class~="lg:border-0"],
.tcb-content .btn-ghost[class~="lg:border-0"],
.tcb-content .btn-txt[class~="lg:border-0"],
.tcb-header .btn-cta[class~="lg:border-0"],
.tcb-header .btn-ghost[class~="lg:border-0"],
.tcb-header .btn-txt[class~="lg:border-0"],
.tcb-footer .btn-cta[class~="lg:border-0"],
.tcb-footer .btn-ghost[class~="lg:border-0"],
.tcb-footer .btn-txt[class~="lg:border-0"],
.tcb-header-preview .btn-cta[class~="lg:border-0"],
.tcb-header-preview .btn-ghost[class~="lg:border-0"],
.tcb-header-preview .btn-txt[class~="lg:border-0"],
.tcb-footer-preview .btn-cta[class~="lg:border-0"],
.tcb-footer-preview .btn-ghost[class~="lg:border-0"],
.tcb-footer-preview .btn-txt[class~="lg:border-0"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-0"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-0"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-0"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-0"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-0"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-0"] {
    border-width: 0px !important;
  }
  .tcb-content .btn-cta[class~="lg:border"],
.tcb-content .btn-ghost[class~="lg:border"],
.tcb-content .btn-txt[class~="lg:border"],
.tcb-header .btn-cta[class~="lg:border"],
.tcb-header .btn-ghost[class~="lg:border"],
.tcb-header .btn-txt[class~="lg:border"],
.tcb-footer .btn-cta[class~="lg:border"],
.tcb-footer .btn-ghost[class~="lg:border"],
.tcb-footer .btn-txt[class~="lg:border"],
.tcb-header-preview .btn-cta[class~="lg:border"],
.tcb-header-preview .btn-ghost[class~="lg:border"],
.tcb-header-preview .btn-txt[class~="lg:border"],
.tcb-footer-preview .btn-cta[class~="lg:border"],
.tcb-footer-preview .btn-ghost[class~="lg:border"],
.tcb-footer-preview .btn-txt[class~="lg:border"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border"] {
    border-width: 1px !important;
  }
  .tcb-content .btn-cta[class~="lg:border-2"],
.tcb-content .btn-ghost[class~="lg:border-2"],
.tcb-content .btn-txt[class~="lg:border-2"],
.tcb-header .btn-cta[class~="lg:border-2"],
.tcb-header .btn-ghost[class~="lg:border-2"],
.tcb-header .btn-txt[class~="lg:border-2"],
.tcb-footer .btn-cta[class~="lg:border-2"],
.tcb-footer .btn-ghost[class~="lg:border-2"],
.tcb-footer .btn-txt[class~="lg:border-2"],
.tcb-header-preview .btn-cta[class~="lg:border-2"],
.tcb-header-preview .btn-ghost[class~="lg:border-2"],
.tcb-header-preview .btn-txt[class~="lg:border-2"],
.tcb-footer-preview .btn-cta[class~="lg:border-2"],
.tcb-footer-preview .btn-ghost[class~="lg:border-2"],
.tcb-footer-preview .btn-txt[class~="lg:border-2"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-2"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-2"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-2"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-2"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-2"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-2"] {
    border-width: 2px !important;
  }
  .tcb-content .btn-cta[class~="lg:border-4"],
.tcb-content .btn-ghost[class~="lg:border-4"],
.tcb-content .btn-txt[class~="lg:border-4"],
.tcb-header .btn-cta[class~="lg:border-4"],
.tcb-header .btn-ghost[class~="lg:border-4"],
.tcb-header .btn-txt[class~="lg:border-4"],
.tcb-footer .btn-cta[class~="lg:border-4"],
.tcb-footer .btn-ghost[class~="lg:border-4"],
.tcb-footer .btn-txt[class~="lg:border-4"],
.tcb-header-preview .btn-cta[class~="lg:border-4"],
.tcb-header-preview .btn-ghost[class~="lg:border-4"],
.tcb-header-preview .btn-txt[class~="lg:border-4"],
.tcb-footer-preview .btn-cta[class~="lg:border-4"],
.tcb-footer-preview .btn-ghost[class~="lg:border-4"],
.tcb-footer-preview .btn-txt[class~="lg:border-4"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-4"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-4"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-4"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-4"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-4"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-4"] {
    border-width: 4px !important;
  }
  .tcb-content .btn-cta[class~="lg:border-8"],
.tcb-content .btn-ghost[class~="lg:border-8"],
.tcb-content .btn-txt[class~="lg:border-8"],
.tcb-header .btn-cta[class~="lg:border-8"],
.tcb-header .btn-ghost[class~="lg:border-8"],
.tcb-header .btn-txt[class~="lg:border-8"],
.tcb-footer .btn-cta[class~="lg:border-8"],
.tcb-footer .btn-ghost[class~="lg:border-8"],
.tcb-footer .btn-txt[class~="lg:border-8"],
.tcb-header-preview .btn-cta[class~="lg:border-8"],
.tcb-header-preview .btn-ghost[class~="lg:border-8"],
.tcb-header-preview .btn-txt[class~="lg:border-8"],
.tcb-footer-preview .btn-cta[class~="lg:border-8"],
.tcb-footer-preview .btn-ghost[class~="lg:border-8"],
.tcb-footer-preview .btn-txt[class~="lg:border-8"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:border-8"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:border-8"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:border-8"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:border-8"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:border-8"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:border-8"] {
    border-width: 8px !important;
  }
}

@media (min-width: 1280px) {
  .tcb-content .btn-cta[class~="xl:border-0"],
.tcb-content .btn-ghost[class~="xl:border-0"],
.tcb-content .btn-txt[class~="xl:border-0"],
.tcb-header .btn-cta[class~="xl:border-0"],
.tcb-header .btn-ghost[class~="xl:border-0"],
.tcb-header .btn-txt[class~="xl:border-0"],
.tcb-footer .btn-cta[class~="xl:border-0"],
.tcb-footer .btn-ghost[class~="xl:border-0"],
.tcb-footer .btn-txt[class~="xl:border-0"],
.tcb-header-preview .btn-cta[class~="xl:border-0"],
.tcb-header-preview .btn-ghost[class~="xl:border-0"],
.tcb-header-preview .btn-txt[class~="xl:border-0"],
.tcb-footer-preview .btn-cta[class~="xl:border-0"],
.tcb-footer-preview .btn-ghost[class~="xl:border-0"],
.tcb-footer-preview .btn-txt[class~="xl:border-0"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-0"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-0"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-0"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-0"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-0"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-0"] {
    border-width: 0px !important;
  }
  .tcb-content .btn-cta[class~="xl:border"],
.tcb-content .btn-ghost[class~="xl:border"],
.tcb-content .btn-txt[class~="xl:border"],
.tcb-header .btn-cta[class~="xl:border"],
.tcb-header .btn-ghost[class~="xl:border"],
.tcb-header .btn-txt[class~="xl:border"],
.tcb-footer .btn-cta[class~="xl:border"],
.tcb-footer .btn-ghost[class~="xl:border"],
.tcb-footer .btn-txt[class~="xl:border"],
.tcb-header-preview .btn-cta[class~="xl:border"],
.tcb-header-preview .btn-ghost[class~="xl:border"],
.tcb-header-preview .btn-txt[class~="xl:border"],
.tcb-footer-preview .btn-cta[class~="xl:border"],
.tcb-footer-preview .btn-ghost[class~="xl:border"],
.tcb-footer-preview .btn-txt[class~="xl:border"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border"] {
    border-width: 1px !important;
  }
  .tcb-content .btn-cta[class~="xl:border-2"],
.tcb-content .btn-ghost[class~="xl:border-2"],
.tcb-content .btn-txt[class~="xl:border-2"],
.tcb-header .btn-cta[class~="xl:border-2"],
.tcb-header .btn-ghost[class~="xl:border-2"],
.tcb-header .btn-txt[class~="xl:border-2"],
.tcb-footer .btn-cta[class~="xl:border-2"],
.tcb-footer .btn-ghost[class~="xl:border-2"],
.tcb-footer .btn-txt[class~="xl:border-2"],
.tcb-header-preview .btn-cta[class~="xl:border-2"],
.tcb-header-preview .btn-ghost[class~="xl:border-2"],
.tcb-header-preview .btn-txt[class~="xl:border-2"],
.tcb-footer-preview .btn-cta[class~="xl:border-2"],
.tcb-footer-preview .btn-ghost[class~="xl:border-2"],
.tcb-footer-preview .btn-txt[class~="xl:border-2"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-2"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-2"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-2"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-2"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-2"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-2"] {
    border-width: 2px !important;
  }
  .tcb-content .btn-cta[class~="xl:border-4"],
.tcb-content .btn-ghost[class~="xl:border-4"],
.tcb-content .btn-txt[class~="xl:border-4"],
.tcb-header .btn-cta[class~="xl:border-4"],
.tcb-header .btn-ghost[class~="xl:border-4"],
.tcb-header .btn-txt[class~="xl:border-4"],
.tcb-footer .btn-cta[class~="xl:border-4"],
.tcb-footer .btn-ghost[class~="xl:border-4"],
.tcb-footer .btn-txt[class~="xl:border-4"],
.tcb-header-preview .btn-cta[class~="xl:border-4"],
.tcb-header-preview .btn-ghost[class~="xl:border-4"],
.tcb-header-preview .btn-txt[class~="xl:border-4"],
.tcb-footer-preview .btn-cta[class~="xl:border-4"],
.tcb-footer-preview .btn-ghost[class~="xl:border-4"],
.tcb-footer-preview .btn-txt[class~="xl:border-4"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-4"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-4"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-4"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-4"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-4"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-4"] {
    border-width: 4px !important;
  }
  .tcb-content .btn-cta[class~="xl:border-8"],
.tcb-content .btn-ghost[class~="xl:border-8"],
.tcb-content .btn-txt[class~="xl:border-8"],
.tcb-header .btn-cta[class~="xl:border-8"],
.tcb-header .btn-ghost[class~="xl:border-8"],
.tcb-header .btn-txt[class~="xl:border-8"],
.tcb-footer .btn-cta[class~="xl:border-8"],
.tcb-footer .btn-ghost[class~="xl:border-8"],
.tcb-footer .btn-txt[class~="xl:border-8"],
.tcb-header-preview .btn-cta[class~="xl:border-8"],
.tcb-header-preview .btn-ghost[class~="xl:border-8"],
.tcb-header-preview .btn-txt[class~="xl:border-8"],
.tcb-footer-preview .btn-cta[class~="xl:border-8"],
.tcb-footer-preview .btn-ghost[class~="xl:border-8"],
.tcb-footer-preview .btn-txt[class~="xl:border-8"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:border-8"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:border-8"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:border-8"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:border-8"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:border-8"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:border-8"] {
    border-width: 8px !important;
  }
}

@media (min-width: 1536px) {
  .tcb-content .btn-cta[class~="2xl:border-0"],
.tcb-content .btn-ghost[class~="2xl:border-0"],
.tcb-content .btn-txt[class~="2xl:border-0"],
.tcb-header .btn-cta[class~="2xl:border-0"],
.tcb-header .btn-ghost[class~="2xl:border-0"],
.tcb-header .btn-txt[class~="2xl:border-0"],
.tcb-footer .btn-cta[class~="2xl:border-0"],
.tcb-footer .btn-ghost[class~="2xl:border-0"],
.tcb-footer .btn-txt[class~="2xl:border-0"],
.tcb-header-preview .btn-cta[class~="2xl:border-0"],
.tcb-header-preview .btn-ghost[class~="2xl:border-0"],
.tcb-header-preview .btn-txt[class~="2xl:border-0"],
.tcb-footer-preview .btn-cta[class~="2xl:border-0"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-0"],
.tcb-footer-preview .btn-txt[class~="2xl:border-0"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-0"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-0"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-0"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-0"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-0"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-0"] {
    border-width: 0px !important;
  }
  .tcb-content .btn-cta[class~="2xl:border"],
.tcb-content .btn-ghost[class~="2xl:border"],
.tcb-content .btn-txt[class~="2xl:border"],
.tcb-header .btn-cta[class~="2xl:border"],
.tcb-header .btn-ghost[class~="2xl:border"],
.tcb-header .btn-txt[class~="2xl:border"],
.tcb-footer .btn-cta[class~="2xl:border"],
.tcb-footer .btn-ghost[class~="2xl:border"],
.tcb-footer .btn-txt[class~="2xl:border"],
.tcb-header-preview .btn-cta[class~="2xl:border"],
.tcb-header-preview .btn-ghost[class~="2xl:border"],
.tcb-header-preview .btn-txt[class~="2xl:border"],
.tcb-footer-preview .btn-cta[class~="2xl:border"],
.tcb-footer-preview .btn-ghost[class~="2xl:border"],
.tcb-footer-preview .btn-txt[class~="2xl:border"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border"] {
    border-width: 1px !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-2"],
.tcb-content .btn-ghost[class~="2xl:border-2"],
.tcb-content .btn-txt[class~="2xl:border-2"],
.tcb-header .btn-cta[class~="2xl:border-2"],
.tcb-header .btn-ghost[class~="2xl:border-2"],
.tcb-header .btn-txt[class~="2xl:border-2"],
.tcb-footer .btn-cta[class~="2xl:border-2"],
.tcb-footer .btn-ghost[class~="2xl:border-2"],
.tcb-footer .btn-txt[class~="2xl:border-2"],
.tcb-header-preview .btn-cta[class~="2xl:border-2"],
.tcb-header-preview .btn-ghost[class~="2xl:border-2"],
.tcb-header-preview .btn-txt[class~="2xl:border-2"],
.tcb-footer-preview .btn-cta[class~="2xl:border-2"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-2"],
.tcb-footer-preview .btn-txt[class~="2xl:border-2"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-2"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-2"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-2"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-2"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-2"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-2"] {
    border-width: 2px !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-4"],
.tcb-content .btn-ghost[class~="2xl:border-4"],
.tcb-content .btn-txt[class~="2xl:border-4"],
.tcb-header .btn-cta[class~="2xl:border-4"],
.tcb-header .btn-ghost[class~="2xl:border-4"],
.tcb-header .btn-txt[class~="2xl:border-4"],
.tcb-footer .btn-cta[class~="2xl:border-4"],
.tcb-footer .btn-ghost[class~="2xl:border-4"],
.tcb-footer .btn-txt[class~="2xl:border-4"],
.tcb-header-preview .btn-cta[class~="2xl:border-4"],
.tcb-header-preview .btn-ghost[class~="2xl:border-4"],
.tcb-header-preview .btn-txt[class~="2xl:border-4"],
.tcb-footer-preview .btn-cta[class~="2xl:border-4"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-4"],
.tcb-footer-preview .btn-txt[class~="2xl:border-4"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-4"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-4"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-4"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-4"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-4"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-4"] {
    border-width: 4px !important;
  }
  .tcb-content .btn-cta[class~="2xl:border-8"],
.tcb-content .btn-ghost[class~="2xl:border-8"],
.tcb-content .btn-txt[class~="2xl:border-8"],
.tcb-header .btn-cta[class~="2xl:border-8"],
.tcb-header .btn-ghost[class~="2xl:border-8"],
.tcb-header .btn-txt[class~="2xl:border-8"],
.tcb-footer .btn-cta[class~="2xl:border-8"],
.tcb-footer .btn-ghost[class~="2xl:border-8"],
.tcb-footer .btn-txt[class~="2xl:border-8"],
.tcb-header-preview .btn-cta[class~="2xl:border-8"],
.tcb-header-preview .btn-ghost[class~="2xl:border-8"],
.tcb-header-preview .btn-txt[class~="2xl:border-8"],
.tcb-footer-preview .btn-cta[class~="2xl:border-8"],
.tcb-footer-preview .btn-ghost[class~="2xl:border-8"],
.tcb-footer-preview .btn-txt[class~="2xl:border-8"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:border-8"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:border-8"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:border-8"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:border-8"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:border-8"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:border-8"] {
    border-width: 8px !important;
  }
}


/* Button Text Color Overrides */
/* Allows text-{colorName} classes to override theme button text colors */

.tcb-content .btn-cta.text-primary,
.tcb-content .btn-ghost.text-primary,
.tcb-content .btn-txt.text-primary,
.tcb-header .btn-cta.text-primary,
.tcb-header .btn-ghost.text-primary,
.tcb-header .btn-txt.text-primary,
.tcb-footer .btn-cta.text-primary,
.tcb-footer .btn-ghost.text-primary,
.tcb-footer .btn-txt.text-primary,
.tcb-header-preview .btn-cta.text-primary,
.tcb-header-preview .btn-ghost.text-primary,
.tcb-header-preview .btn-txt.text-primary,
.tcb-footer-preview .btn-cta.text-primary,
.tcb-footer-preview .btn-ghost.text-primary,
.tcb-footer-preview .btn-txt.text-primary,
#tcb-builder-root .tcb-content .btn-cta.text-primary,
#tcb-builder-root .tcb-content .btn-ghost.text-primary,
#tcb-builder-root .tcb-content .btn-txt.text-primary,
#tcb-builder-root .tcb-canvas-inner .btn-cta.text-primary,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.text-primary,
#tcb-builder-root .tcb-canvas-inner .btn-txt.text-primary {
  color: var(--tcb-color-primary) !important;
}

.tcb-content .btn-cta.text-secondary,
.tcb-content .btn-ghost.text-secondary,
.tcb-content .btn-txt.text-secondary,
.tcb-header .btn-cta.text-secondary,
.tcb-header .btn-ghost.text-secondary,
.tcb-header .btn-txt.text-secondary,
.tcb-footer .btn-cta.text-secondary,
.tcb-footer .btn-ghost.text-secondary,
.tcb-footer .btn-txt.text-secondary,
.tcb-header-preview .btn-cta.text-secondary,
.tcb-header-preview .btn-ghost.text-secondary,
.tcb-header-preview .btn-txt.text-secondary,
.tcb-footer-preview .btn-cta.text-secondary,
.tcb-footer-preview .btn-ghost.text-secondary,
.tcb-footer-preview .btn-txt.text-secondary,
#tcb-builder-root .tcb-content .btn-cta.text-secondary,
#tcb-builder-root .tcb-content .btn-ghost.text-secondary,
#tcb-builder-root .tcb-content .btn-txt.text-secondary,
#tcb-builder-root .tcb-canvas-inner .btn-cta.text-secondary,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.text-secondary,
#tcb-builder-root .tcb-canvas-inner .btn-txt.text-secondary {
  color: var(--tcb-color-secondary) !important;
}

.tcb-content .btn-cta.text-tertiary,
.tcb-content .btn-ghost.text-tertiary,
.tcb-content .btn-txt.text-tertiary,
.tcb-header .btn-cta.text-tertiary,
.tcb-header .btn-ghost.text-tertiary,
.tcb-header .btn-txt.text-tertiary,
.tcb-footer .btn-cta.text-tertiary,
.tcb-footer .btn-ghost.text-tertiary,
.tcb-footer .btn-txt.text-tertiary,
.tcb-header-preview .btn-cta.text-tertiary,
.tcb-header-preview .btn-ghost.text-tertiary,
.tcb-header-preview .btn-txt.text-tertiary,
.tcb-footer-preview .btn-cta.text-tertiary,
.tcb-footer-preview .btn-ghost.text-tertiary,
.tcb-footer-preview .btn-txt.text-tertiary,
#tcb-builder-root .tcb-content .btn-cta.text-tertiary,
#tcb-builder-root .tcb-content .btn-ghost.text-tertiary,
#tcb-builder-root .tcb-content .btn-txt.text-tertiary,
#tcb-builder-root .tcb-canvas-inner .btn-cta.text-tertiary,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.text-tertiary,
#tcb-builder-root .tcb-canvas-inner .btn-txt.text-tertiary {
  color: var(--tcb-color-tertiary) !important;
}

.tcb-content .btn-cta.text-error,
.tcb-content .btn-ghost.text-error,
.tcb-content .btn-txt.text-error,
.tcb-header .btn-cta.text-error,
.tcb-header .btn-ghost.text-error,
.tcb-header .btn-txt.text-error,
.tcb-footer .btn-cta.text-error,
.tcb-footer .btn-ghost.text-error,
.tcb-footer .btn-txt.text-error,
.tcb-header-preview .btn-cta.text-error,
.tcb-header-preview .btn-ghost.text-error,
.tcb-header-preview .btn-txt.text-error,
.tcb-footer-preview .btn-cta.text-error,
.tcb-footer-preview .btn-ghost.text-error,
.tcb-footer-preview .btn-txt.text-error,
#tcb-builder-root .tcb-content .btn-cta.text-error,
#tcb-builder-root .tcb-content .btn-ghost.text-error,
#tcb-builder-root .tcb-content .btn-txt.text-error,
#tcb-builder-root .tcb-canvas-inner .btn-cta.text-error,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.text-error,
#tcb-builder-root .tcb-canvas-inner .btn-txt.text-error {
  color: var(--tcb-color-error) !important;
}

.tcb-content .btn-cta.text-alert,
.tcb-content .btn-ghost.text-alert,
.tcb-content .btn-txt.text-alert,
.tcb-header .btn-cta.text-alert,
.tcb-header .btn-ghost.text-alert,
.tcb-header .btn-txt.text-alert,
.tcb-footer .btn-cta.text-alert,
.tcb-footer .btn-ghost.text-alert,
.tcb-footer .btn-txt.text-alert,
.tcb-header-preview .btn-cta.text-alert,
.tcb-header-preview .btn-ghost.text-alert,
.tcb-header-preview .btn-txt.text-alert,
.tcb-footer-preview .btn-cta.text-alert,
.tcb-footer-preview .btn-ghost.text-alert,
.tcb-footer-preview .btn-txt.text-alert,
#tcb-builder-root .tcb-content .btn-cta.text-alert,
#tcb-builder-root .tcb-content .btn-ghost.text-alert,
#tcb-builder-root .tcb-content .btn-txt.text-alert,
#tcb-builder-root .tcb-canvas-inner .btn-cta.text-alert,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.text-alert,
#tcb-builder-root .tcb-canvas-inner .btn-txt.text-alert {
  color: var(--tcb-color-alert) !important;
}

.tcb-content .btn-cta.text-success,
.tcb-content .btn-ghost.text-success,
.tcb-content .btn-txt.text-success,
.tcb-header .btn-cta.text-success,
.tcb-header .btn-ghost.text-success,
.tcb-header .btn-txt.text-success,
.tcb-footer .btn-cta.text-success,
.tcb-footer .btn-ghost.text-success,
.tcb-footer .btn-txt.text-success,
.tcb-header-preview .btn-cta.text-success,
.tcb-header-preview .btn-ghost.text-success,
.tcb-header-preview .btn-txt.text-success,
.tcb-footer-preview .btn-cta.text-success,
.tcb-footer-preview .btn-ghost.text-success,
.tcb-footer-preview .btn-txt.text-success,
#tcb-builder-root .tcb-content .btn-cta.text-success,
#tcb-builder-root .tcb-content .btn-ghost.text-success,
#tcb-builder-root .tcb-content .btn-txt.text-success,
#tcb-builder-root .tcb-canvas-inner .btn-cta.text-success,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.text-success,
#tcb-builder-root .tcb-canvas-inner .btn-txt.text-success {
  color: var(--tcb-color-success) !important;
}

.tcb-content .btn-cta.text-paragraph,
.tcb-content .btn-ghost.text-paragraph,
.tcb-content .btn-txt.text-paragraph,
.tcb-header .btn-cta.text-paragraph,
.tcb-header .btn-ghost.text-paragraph,
.tcb-header .btn-txt.text-paragraph,
.tcb-footer .btn-cta.text-paragraph,
.tcb-footer .btn-ghost.text-paragraph,
.tcb-footer .btn-txt.text-paragraph,
.tcb-header-preview .btn-cta.text-paragraph,
.tcb-header-preview .btn-ghost.text-paragraph,
.tcb-header-preview .btn-txt.text-paragraph,
.tcb-footer-preview .btn-cta.text-paragraph,
.tcb-footer-preview .btn-ghost.text-paragraph,
.tcb-footer-preview .btn-txt.text-paragraph,
#tcb-builder-root .tcb-content .btn-cta.text-paragraph,
#tcb-builder-root .tcb-content .btn-ghost.text-paragraph,
#tcb-builder-root .tcb-content .btn-txt.text-paragraph,
#tcb-builder-root .tcb-canvas-inner .btn-cta.text-paragraph,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.text-paragraph,
#tcb-builder-root .tcb-canvas-inner .btn-txt.text-paragraph {
  color: var(--tcb-color-paragraph) !important;
}

.tcb-content .btn-cta.text-white,
.tcb-content .btn-ghost.text-white,
.tcb-content .btn-txt.text-white,
.tcb-header .btn-cta.text-white,
.tcb-header .btn-ghost.text-white,
.tcb-header .btn-txt.text-white,
.tcb-footer .btn-cta.text-white,
.tcb-footer .btn-ghost.text-white,
.tcb-footer .btn-txt.text-white,
.tcb-header-preview .btn-cta.text-white,
.tcb-header-preview .btn-ghost.text-white,
.tcb-header-preview .btn-txt.text-white,
.tcb-footer-preview .btn-cta.text-white,
.tcb-footer-preview .btn-ghost.text-white,
.tcb-footer-preview .btn-txt.text-white,
#tcb-builder-root .tcb-content .btn-cta.text-white,
#tcb-builder-root .tcb-content .btn-ghost.text-white,
#tcb-builder-root .tcb-content .btn-txt.text-white,
#tcb-builder-root .tcb-canvas-inner .btn-cta.text-white,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.text-white,
#tcb-builder-root .tcb-canvas-inner .btn-txt.text-white {
  color: var(--tcb-color-white) !important;
}

.tcb-content .btn-cta.text-black,
.tcb-content .btn-ghost.text-black,
.tcb-content .btn-txt.text-black,
.tcb-header .btn-cta.text-black,
.tcb-header .btn-ghost.text-black,
.tcb-header .btn-txt.text-black,
.tcb-footer .btn-cta.text-black,
.tcb-footer .btn-ghost.text-black,
.tcb-footer .btn-txt.text-black,
.tcb-header-preview .btn-cta.text-black,
.tcb-header-preview .btn-ghost.text-black,
.tcb-header-preview .btn-txt.text-black,
.tcb-footer-preview .btn-cta.text-black,
.tcb-footer-preview .btn-ghost.text-black,
.tcb-footer-preview .btn-txt.text-black,
#tcb-builder-root .tcb-content .btn-cta.text-black,
#tcb-builder-root .tcb-content .btn-ghost.text-black,
#tcb-builder-root .tcb-content .btn-txt.text-black,
#tcb-builder-root .tcb-canvas-inner .btn-cta.text-black,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.text-black,
#tcb-builder-root .tcb-canvas-inner .btn-txt.text-black {
  color: var(--tcb-color-black) !important;
}

.tcb-content .btn-cta.text-stroke,
.tcb-content .btn-ghost.text-stroke,
.tcb-content .btn-txt.text-stroke,
.tcb-header .btn-cta.text-stroke,
.tcb-header .btn-ghost.text-stroke,
.tcb-header .btn-txt.text-stroke,
.tcb-footer .btn-cta.text-stroke,
.tcb-footer .btn-ghost.text-stroke,
.tcb-footer .btn-txt.text-stroke,
.tcb-header-preview .btn-cta.text-stroke,
.tcb-header-preview .btn-ghost.text-stroke,
.tcb-header-preview .btn-txt.text-stroke,
.tcb-footer-preview .btn-cta.text-stroke,
.tcb-footer-preview .btn-ghost.text-stroke,
.tcb-footer-preview .btn-txt.text-stroke,
#tcb-builder-root .tcb-content .btn-cta.text-stroke,
#tcb-builder-root .tcb-content .btn-ghost.text-stroke,
#tcb-builder-root .tcb-content .btn-txt.text-stroke,
#tcb-builder-root .tcb-canvas-inner .btn-cta.text-stroke,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.text-stroke,
#tcb-builder-root .tcb-canvas-inner .btn-txt.text-stroke {
  color: var(--tcb-color-stroke) !important;
}

.tcb-content .btn-cta.text-title,
.tcb-content .btn-ghost.text-title,
.tcb-content .btn-txt.text-title,
.tcb-header .btn-cta.text-title,
.tcb-header .btn-ghost.text-title,
.tcb-header .btn-txt.text-title,
.tcb-footer .btn-cta.text-title,
.tcb-footer .btn-ghost.text-title,
.tcb-footer .btn-txt.text-title,
.tcb-header-preview .btn-cta.text-title,
.tcb-header-preview .btn-ghost.text-title,
.tcb-header-preview .btn-txt.text-title,
.tcb-footer-preview .btn-cta.text-title,
.tcb-footer-preview .btn-ghost.text-title,
.tcb-footer-preview .btn-txt.text-title,
#tcb-builder-root .tcb-content .btn-cta.text-title,
#tcb-builder-root .tcb-content .btn-ghost.text-title,
#tcb-builder-root .tcb-content .btn-txt.text-title,
#tcb-builder-root .tcb-canvas-inner .btn-cta.text-title,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.text-title,
#tcb-builder-root .tcb-canvas-inner .btn-txt.text-title {
  color: var(--tcb-color-title) !important;
}

.tcb-content .btn-cta.text-light,
.tcb-content .btn-ghost.text-light,
.tcb-content .btn-txt.text-light,
.tcb-header .btn-cta.text-light,
.tcb-header .btn-ghost.text-light,
.tcb-header .btn-txt.text-light,
.tcb-footer .btn-cta.text-light,
.tcb-footer .btn-ghost.text-light,
.tcb-footer .btn-txt.text-light,
.tcb-header-preview .btn-cta.text-light,
.tcb-header-preview .btn-ghost.text-light,
.tcb-header-preview .btn-txt.text-light,
.tcb-footer-preview .btn-cta.text-light,
.tcb-footer-preview .btn-ghost.text-light,
.tcb-footer-preview .btn-txt.text-light,
#tcb-builder-root .tcb-content .btn-cta.text-light,
#tcb-builder-root .tcb-content .btn-ghost.text-light,
#tcb-builder-root .tcb-content .btn-txt.text-light,
#tcb-builder-root .tcb-canvas-inner .btn-cta.text-light,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.text-light,
#tcb-builder-root .tcb-canvas-inner .btn-txt.text-light {
  color: var(--tcb-color-light) !important;
}

.tcb-content .btn-cta.text-dark,
.tcb-content .btn-ghost.text-dark,
.tcb-content .btn-txt.text-dark,
.tcb-header .btn-cta.text-dark,
.tcb-header .btn-ghost.text-dark,
.tcb-header .btn-txt.text-dark,
.tcb-footer .btn-cta.text-dark,
.tcb-footer .btn-ghost.text-dark,
.tcb-footer .btn-txt.text-dark,
.tcb-header-preview .btn-cta.text-dark,
.tcb-header-preview .btn-ghost.text-dark,
.tcb-header-preview .btn-txt.text-dark,
.tcb-footer-preview .btn-cta.text-dark,
.tcb-footer-preview .btn-ghost.text-dark,
.tcb-footer-preview .btn-txt.text-dark,
#tcb-builder-root .tcb-content .btn-cta.text-dark,
#tcb-builder-root .tcb-content .btn-ghost.text-dark,
#tcb-builder-root .tcb-content .btn-txt.text-dark,
#tcb-builder-root .tcb-canvas-inner .btn-cta.text-dark,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.text-dark,
#tcb-builder-root .tcb-canvas-inner .btn-txt.text-dark {
  color: var(--tcb-color-dark) !important;
}

@media (min-width: 640px) {
  .tcb-content .btn-cta[class~="sm:text-primary"],
.tcb-content .btn-ghost[class~="sm:text-primary"],
.tcb-content .btn-txt[class~="sm:text-primary"],
.tcb-header .btn-cta[class~="sm:text-primary"],
.tcb-header .btn-ghost[class~="sm:text-primary"],
.tcb-header .btn-txt[class~="sm:text-primary"],
.tcb-footer .btn-cta[class~="sm:text-primary"],
.tcb-footer .btn-ghost[class~="sm:text-primary"],
.tcb-footer .btn-txt[class~="sm:text-primary"],
.tcb-header-preview .btn-cta[class~="sm:text-primary"],
.tcb-header-preview .btn-ghost[class~="sm:text-primary"],
.tcb-header-preview .btn-txt[class~="sm:text-primary"],
.tcb-footer-preview .btn-cta[class~="sm:text-primary"],
.tcb-footer-preview .btn-ghost[class~="sm:text-primary"],
.tcb-footer-preview .btn-txt[class~="sm:text-primary"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:text-primary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:text-primary"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:text-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:text-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:text-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:text-primary"] {
    color: var(--tcb-color-primary) !important;
  }
  .tcb-content .btn-cta[class~="sm:text-secondary"],
.tcb-content .btn-ghost[class~="sm:text-secondary"],
.tcb-content .btn-txt[class~="sm:text-secondary"],
.tcb-header .btn-cta[class~="sm:text-secondary"],
.tcb-header .btn-ghost[class~="sm:text-secondary"],
.tcb-header .btn-txt[class~="sm:text-secondary"],
.tcb-footer .btn-cta[class~="sm:text-secondary"],
.tcb-footer .btn-ghost[class~="sm:text-secondary"],
.tcb-footer .btn-txt[class~="sm:text-secondary"],
.tcb-header-preview .btn-cta[class~="sm:text-secondary"],
.tcb-header-preview .btn-ghost[class~="sm:text-secondary"],
.tcb-header-preview .btn-txt[class~="sm:text-secondary"],
.tcb-footer-preview .btn-cta[class~="sm:text-secondary"],
.tcb-footer-preview .btn-ghost[class~="sm:text-secondary"],
.tcb-footer-preview .btn-txt[class~="sm:text-secondary"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:text-secondary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:text-secondary"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:text-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:text-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:text-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:text-secondary"] {
    color: var(--tcb-color-secondary) !important;
  }
  .tcb-content .btn-cta[class~="sm:text-tertiary"],
.tcb-content .btn-ghost[class~="sm:text-tertiary"],
.tcb-content .btn-txt[class~="sm:text-tertiary"],
.tcb-header .btn-cta[class~="sm:text-tertiary"],
.tcb-header .btn-ghost[class~="sm:text-tertiary"],
.tcb-header .btn-txt[class~="sm:text-tertiary"],
.tcb-footer .btn-cta[class~="sm:text-tertiary"],
.tcb-footer .btn-ghost[class~="sm:text-tertiary"],
.tcb-footer .btn-txt[class~="sm:text-tertiary"],
.tcb-header-preview .btn-cta[class~="sm:text-tertiary"],
.tcb-header-preview .btn-ghost[class~="sm:text-tertiary"],
.tcb-header-preview .btn-txt[class~="sm:text-tertiary"],
.tcb-footer-preview .btn-cta[class~="sm:text-tertiary"],
.tcb-footer-preview .btn-ghost[class~="sm:text-tertiary"],
.tcb-footer-preview .btn-txt[class~="sm:text-tertiary"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:text-tertiary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:text-tertiary"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:text-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:text-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:text-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:text-tertiary"] {
    color: var(--tcb-color-tertiary) !important;
  }
  .tcb-content .btn-cta[class~="sm:text-error"],
.tcb-content .btn-ghost[class~="sm:text-error"],
.tcb-content .btn-txt[class~="sm:text-error"],
.tcb-header .btn-cta[class~="sm:text-error"],
.tcb-header .btn-ghost[class~="sm:text-error"],
.tcb-header .btn-txt[class~="sm:text-error"],
.tcb-footer .btn-cta[class~="sm:text-error"],
.tcb-footer .btn-ghost[class~="sm:text-error"],
.tcb-footer .btn-txt[class~="sm:text-error"],
.tcb-header-preview .btn-cta[class~="sm:text-error"],
.tcb-header-preview .btn-ghost[class~="sm:text-error"],
.tcb-header-preview .btn-txt[class~="sm:text-error"],
.tcb-footer-preview .btn-cta[class~="sm:text-error"],
.tcb-footer-preview .btn-ghost[class~="sm:text-error"],
.tcb-footer-preview .btn-txt[class~="sm:text-error"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:text-error"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:text-error"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:text-error"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:text-error"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:text-error"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:text-error"] {
    color: var(--tcb-color-error) !important;
  }
  .tcb-content .btn-cta[class~="sm:text-alert"],
.tcb-content .btn-ghost[class~="sm:text-alert"],
.tcb-content .btn-txt[class~="sm:text-alert"],
.tcb-header .btn-cta[class~="sm:text-alert"],
.tcb-header .btn-ghost[class~="sm:text-alert"],
.tcb-header .btn-txt[class~="sm:text-alert"],
.tcb-footer .btn-cta[class~="sm:text-alert"],
.tcb-footer .btn-ghost[class~="sm:text-alert"],
.tcb-footer .btn-txt[class~="sm:text-alert"],
.tcb-header-preview .btn-cta[class~="sm:text-alert"],
.tcb-header-preview .btn-ghost[class~="sm:text-alert"],
.tcb-header-preview .btn-txt[class~="sm:text-alert"],
.tcb-footer-preview .btn-cta[class~="sm:text-alert"],
.tcb-footer-preview .btn-ghost[class~="sm:text-alert"],
.tcb-footer-preview .btn-txt[class~="sm:text-alert"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:text-alert"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:text-alert"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:text-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:text-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:text-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:text-alert"] {
    color: var(--tcb-color-alert) !important;
  }
  .tcb-content .btn-cta[class~="sm:text-success"],
.tcb-content .btn-ghost[class~="sm:text-success"],
.tcb-content .btn-txt[class~="sm:text-success"],
.tcb-header .btn-cta[class~="sm:text-success"],
.tcb-header .btn-ghost[class~="sm:text-success"],
.tcb-header .btn-txt[class~="sm:text-success"],
.tcb-footer .btn-cta[class~="sm:text-success"],
.tcb-footer .btn-ghost[class~="sm:text-success"],
.tcb-footer .btn-txt[class~="sm:text-success"],
.tcb-header-preview .btn-cta[class~="sm:text-success"],
.tcb-header-preview .btn-ghost[class~="sm:text-success"],
.tcb-header-preview .btn-txt[class~="sm:text-success"],
.tcb-footer-preview .btn-cta[class~="sm:text-success"],
.tcb-footer-preview .btn-ghost[class~="sm:text-success"],
.tcb-footer-preview .btn-txt[class~="sm:text-success"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:text-success"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:text-success"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:text-success"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:text-success"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:text-success"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:text-success"] {
    color: var(--tcb-color-success) !important;
  }
  .tcb-content .btn-cta[class~="sm:text-paragraph"],
.tcb-content .btn-ghost[class~="sm:text-paragraph"],
.tcb-content .btn-txt[class~="sm:text-paragraph"],
.tcb-header .btn-cta[class~="sm:text-paragraph"],
.tcb-header .btn-ghost[class~="sm:text-paragraph"],
.tcb-header .btn-txt[class~="sm:text-paragraph"],
.tcb-footer .btn-cta[class~="sm:text-paragraph"],
.tcb-footer .btn-ghost[class~="sm:text-paragraph"],
.tcb-footer .btn-txt[class~="sm:text-paragraph"],
.tcb-header-preview .btn-cta[class~="sm:text-paragraph"],
.tcb-header-preview .btn-ghost[class~="sm:text-paragraph"],
.tcb-header-preview .btn-txt[class~="sm:text-paragraph"],
.tcb-footer-preview .btn-cta[class~="sm:text-paragraph"],
.tcb-footer-preview .btn-ghost[class~="sm:text-paragraph"],
.tcb-footer-preview .btn-txt[class~="sm:text-paragraph"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:text-paragraph"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:text-paragraph"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:text-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:text-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:text-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:text-paragraph"] {
    color: var(--tcb-color-paragraph) !important;
  }
  .tcb-content .btn-cta[class~="sm:text-white"],
.tcb-content .btn-ghost[class~="sm:text-white"],
.tcb-content .btn-txt[class~="sm:text-white"],
.tcb-header .btn-cta[class~="sm:text-white"],
.tcb-header .btn-ghost[class~="sm:text-white"],
.tcb-header .btn-txt[class~="sm:text-white"],
.tcb-footer .btn-cta[class~="sm:text-white"],
.tcb-footer .btn-ghost[class~="sm:text-white"],
.tcb-footer .btn-txt[class~="sm:text-white"],
.tcb-header-preview .btn-cta[class~="sm:text-white"],
.tcb-header-preview .btn-ghost[class~="sm:text-white"],
.tcb-header-preview .btn-txt[class~="sm:text-white"],
.tcb-footer-preview .btn-cta[class~="sm:text-white"],
.tcb-footer-preview .btn-ghost[class~="sm:text-white"],
.tcb-footer-preview .btn-txt[class~="sm:text-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:text-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:text-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:text-white"] {
    color: var(--tcb-color-white) !important;
  }
  .tcb-content .btn-cta[class~="sm:text-black"],
.tcb-content .btn-ghost[class~="sm:text-black"],
.tcb-content .btn-txt[class~="sm:text-black"],
.tcb-header .btn-cta[class~="sm:text-black"],
.tcb-header .btn-ghost[class~="sm:text-black"],
.tcb-header .btn-txt[class~="sm:text-black"],
.tcb-footer .btn-cta[class~="sm:text-black"],
.tcb-footer .btn-ghost[class~="sm:text-black"],
.tcb-footer .btn-txt[class~="sm:text-black"],
.tcb-header-preview .btn-cta[class~="sm:text-black"],
.tcb-header-preview .btn-ghost[class~="sm:text-black"],
.tcb-header-preview .btn-txt[class~="sm:text-black"],
.tcb-footer-preview .btn-cta[class~="sm:text-black"],
.tcb-footer-preview .btn-ghost[class~="sm:text-black"],
.tcb-footer-preview .btn-txt[class~="sm:text-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:text-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:text-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:text-black"] {
    color: var(--tcb-color-black) !important;
  }
  .tcb-content .btn-cta[class~="sm:text-stroke"],
.tcb-content .btn-ghost[class~="sm:text-stroke"],
.tcb-content .btn-txt[class~="sm:text-stroke"],
.tcb-header .btn-cta[class~="sm:text-stroke"],
.tcb-header .btn-ghost[class~="sm:text-stroke"],
.tcb-header .btn-txt[class~="sm:text-stroke"],
.tcb-footer .btn-cta[class~="sm:text-stroke"],
.tcb-footer .btn-ghost[class~="sm:text-stroke"],
.tcb-footer .btn-txt[class~="sm:text-stroke"],
.tcb-header-preview .btn-cta[class~="sm:text-stroke"],
.tcb-header-preview .btn-ghost[class~="sm:text-stroke"],
.tcb-header-preview .btn-txt[class~="sm:text-stroke"],
.tcb-footer-preview .btn-cta[class~="sm:text-stroke"],
.tcb-footer-preview .btn-ghost[class~="sm:text-stroke"],
.tcb-footer-preview .btn-txt[class~="sm:text-stroke"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:text-stroke"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:text-stroke"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:text-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:text-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:text-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:text-stroke"] {
    color: var(--tcb-color-stroke) !important;
  }
  .tcb-content .btn-cta[class~="sm:text-title"],
.tcb-content .btn-ghost[class~="sm:text-title"],
.tcb-content .btn-txt[class~="sm:text-title"],
.tcb-header .btn-cta[class~="sm:text-title"],
.tcb-header .btn-ghost[class~="sm:text-title"],
.tcb-header .btn-txt[class~="sm:text-title"],
.tcb-footer .btn-cta[class~="sm:text-title"],
.tcb-footer .btn-ghost[class~="sm:text-title"],
.tcb-footer .btn-txt[class~="sm:text-title"],
.tcb-header-preview .btn-cta[class~="sm:text-title"],
.tcb-header-preview .btn-ghost[class~="sm:text-title"],
.tcb-header-preview .btn-txt[class~="sm:text-title"],
.tcb-footer-preview .btn-cta[class~="sm:text-title"],
.tcb-footer-preview .btn-ghost[class~="sm:text-title"],
.tcb-footer-preview .btn-txt[class~="sm:text-title"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:text-title"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:text-title"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:text-title"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:text-title"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:text-title"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:text-title"] {
    color: var(--tcb-color-title) !important;
  }
  .tcb-content .btn-cta[class~="sm:text-light"],
.tcb-content .btn-ghost[class~="sm:text-light"],
.tcb-content .btn-txt[class~="sm:text-light"],
.tcb-header .btn-cta[class~="sm:text-light"],
.tcb-header .btn-ghost[class~="sm:text-light"],
.tcb-header .btn-txt[class~="sm:text-light"],
.tcb-footer .btn-cta[class~="sm:text-light"],
.tcb-footer .btn-ghost[class~="sm:text-light"],
.tcb-footer .btn-txt[class~="sm:text-light"],
.tcb-header-preview .btn-cta[class~="sm:text-light"],
.tcb-header-preview .btn-ghost[class~="sm:text-light"],
.tcb-header-preview .btn-txt[class~="sm:text-light"],
.tcb-footer-preview .btn-cta[class~="sm:text-light"],
.tcb-footer-preview .btn-ghost[class~="sm:text-light"],
.tcb-footer-preview .btn-txt[class~="sm:text-light"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:text-light"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:text-light"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:text-light"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:text-light"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:text-light"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:text-light"] {
    color: var(--tcb-color-light) !important;
  }
  .tcb-content .btn-cta[class~="sm:text-dark"],
.tcb-content .btn-ghost[class~="sm:text-dark"],
.tcb-content .btn-txt[class~="sm:text-dark"],
.tcb-header .btn-cta[class~="sm:text-dark"],
.tcb-header .btn-ghost[class~="sm:text-dark"],
.tcb-header .btn-txt[class~="sm:text-dark"],
.tcb-footer .btn-cta[class~="sm:text-dark"],
.tcb-footer .btn-ghost[class~="sm:text-dark"],
.tcb-footer .btn-txt[class~="sm:text-dark"],
.tcb-header-preview .btn-cta[class~="sm:text-dark"],
.tcb-header-preview .btn-ghost[class~="sm:text-dark"],
.tcb-header-preview .btn-txt[class~="sm:text-dark"],
.tcb-footer-preview .btn-cta[class~="sm:text-dark"],
.tcb-footer-preview .btn-ghost[class~="sm:text-dark"],
.tcb-footer-preview .btn-txt[class~="sm:text-dark"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:text-dark"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:text-dark"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:text-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:text-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:text-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:text-dark"] {
    color: var(--tcb-color-dark) !important;
  }
}

@media (min-width: 768px) {
  .tcb-content .btn-cta[class~="md:text-primary"],
.tcb-content .btn-ghost[class~="md:text-primary"],
.tcb-content .btn-txt[class~="md:text-primary"],
.tcb-header .btn-cta[class~="md:text-primary"],
.tcb-header .btn-ghost[class~="md:text-primary"],
.tcb-header .btn-txt[class~="md:text-primary"],
.tcb-footer .btn-cta[class~="md:text-primary"],
.tcb-footer .btn-ghost[class~="md:text-primary"],
.tcb-footer .btn-txt[class~="md:text-primary"],
.tcb-header-preview .btn-cta[class~="md:text-primary"],
.tcb-header-preview .btn-ghost[class~="md:text-primary"],
.tcb-header-preview .btn-txt[class~="md:text-primary"],
.tcb-footer-preview .btn-cta[class~="md:text-primary"],
.tcb-footer-preview .btn-ghost[class~="md:text-primary"],
.tcb-footer-preview .btn-txt[class~="md:text-primary"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:text-primary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:text-primary"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:text-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:text-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:text-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:text-primary"] {
    color: var(--tcb-color-primary) !important;
  }
  .tcb-content .btn-cta[class~="md:text-secondary"],
.tcb-content .btn-ghost[class~="md:text-secondary"],
.tcb-content .btn-txt[class~="md:text-secondary"],
.tcb-header .btn-cta[class~="md:text-secondary"],
.tcb-header .btn-ghost[class~="md:text-secondary"],
.tcb-header .btn-txt[class~="md:text-secondary"],
.tcb-footer .btn-cta[class~="md:text-secondary"],
.tcb-footer .btn-ghost[class~="md:text-secondary"],
.tcb-footer .btn-txt[class~="md:text-secondary"],
.tcb-header-preview .btn-cta[class~="md:text-secondary"],
.tcb-header-preview .btn-ghost[class~="md:text-secondary"],
.tcb-header-preview .btn-txt[class~="md:text-secondary"],
.tcb-footer-preview .btn-cta[class~="md:text-secondary"],
.tcb-footer-preview .btn-ghost[class~="md:text-secondary"],
.tcb-footer-preview .btn-txt[class~="md:text-secondary"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:text-secondary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:text-secondary"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:text-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:text-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:text-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:text-secondary"] {
    color: var(--tcb-color-secondary) !important;
  }
  .tcb-content .btn-cta[class~="md:text-tertiary"],
.tcb-content .btn-ghost[class~="md:text-tertiary"],
.tcb-content .btn-txt[class~="md:text-tertiary"],
.tcb-header .btn-cta[class~="md:text-tertiary"],
.tcb-header .btn-ghost[class~="md:text-tertiary"],
.tcb-header .btn-txt[class~="md:text-tertiary"],
.tcb-footer .btn-cta[class~="md:text-tertiary"],
.tcb-footer .btn-ghost[class~="md:text-tertiary"],
.tcb-footer .btn-txt[class~="md:text-tertiary"],
.tcb-header-preview .btn-cta[class~="md:text-tertiary"],
.tcb-header-preview .btn-ghost[class~="md:text-tertiary"],
.tcb-header-preview .btn-txt[class~="md:text-tertiary"],
.tcb-footer-preview .btn-cta[class~="md:text-tertiary"],
.tcb-footer-preview .btn-ghost[class~="md:text-tertiary"],
.tcb-footer-preview .btn-txt[class~="md:text-tertiary"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:text-tertiary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:text-tertiary"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:text-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:text-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:text-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:text-tertiary"] {
    color: var(--tcb-color-tertiary) !important;
  }
  .tcb-content .btn-cta[class~="md:text-error"],
.tcb-content .btn-ghost[class~="md:text-error"],
.tcb-content .btn-txt[class~="md:text-error"],
.tcb-header .btn-cta[class~="md:text-error"],
.tcb-header .btn-ghost[class~="md:text-error"],
.tcb-header .btn-txt[class~="md:text-error"],
.tcb-footer .btn-cta[class~="md:text-error"],
.tcb-footer .btn-ghost[class~="md:text-error"],
.tcb-footer .btn-txt[class~="md:text-error"],
.tcb-header-preview .btn-cta[class~="md:text-error"],
.tcb-header-preview .btn-ghost[class~="md:text-error"],
.tcb-header-preview .btn-txt[class~="md:text-error"],
.tcb-footer-preview .btn-cta[class~="md:text-error"],
.tcb-footer-preview .btn-ghost[class~="md:text-error"],
.tcb-footer-preview .btn-txt[class~="md:text-error"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:text-error"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:text-error"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:text-error"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:text-error"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:text-error"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:text-error"] {
    color: var(--tcb-color-error) !important;
  }
  .tcb-content .btn-cta[class~="md:text-alert"],
.tcb-content .btn-ghost[class~="md:text-alert"],
.tcb-content .btn-txt[class~="md:text-alert"],
.tcb-header .btn-cta[class~="md:text-alert"],
.tcb-header .btn-ghost[class~="md:text-alert"],
.tcb-header .btn-txt[class~="md:text-alert"],
.tcb-footer .btn-cta[class~="md:text-alert"],
.tcb-footer .btn-ghost[class~="md:text-alert"],
.tcb-footer .btn-txt[class~="md:text-alert"],
.tcb-header-preview .btn-cta[class~="md:text-alert"],
.tcb-header-preview .btn-ghost[class~="md:text-alert"],
.tcb-header-preview .btn-txt[class~="md:text-alert"],
.tcb-footer-preview .btn-cta[class~="md:text-alert"],
.tcb-footer-preview .btn-ghost[class~="md:text-alert"],
.tcb-footer-preview .btn-txt[class~="md:text-alert"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:text-alert"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:text-alert"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:text-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:text-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:text-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:text-alert"] {
    color: var(--tcb-color-alert) !important;
  }
  .tcb-content .btn-cta[class~="md:text-success"],
.tcb-content .btn-ghost[class~="md:text-success"],
.tcb-content .btn-txt[class~="md:text-success"],
.tcb-header .btn-cta[class~="md:text-success"],
.tcb-header .btn-ghost[class~="md:text-success"],
.tcb-header .btn-txt[class~="md:text-success"],
.tcb-footer .btn-cta[class~="md:text-success"],
.tcb-footer .btn-ghost[class~="md:text-success"],
.tcb-footer .btn-txt[class~="md:text-success"],
.tcb-header-preview .btn-cta[class~="md:text-success"],
.tcb-header-preview .btn-ghost[class~="md:text-success"],
.tcb-header-preview .btn-txt[class~="md:text-success"],
.tcb-footer-preview .btn-cta[class~="md:text-success"],
.tcb-footer-preview .btn-ghost[class~="md:text-success"],
.tcb-footer-preview .btn-txt[class~="md:text-success"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:text-success"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:text-success"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:text-success"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:text-success"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:text-success"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:text-success"] {
    color: var(--tcb-color-success) !important;
  }
  .tcb-content .btn-cta[class~="md:text-paragraph"],
.tcb-content .btn-ghost[class~="md:text-paragraph"],
.tcb-content .btn-txt[class~="md:text-paragraph"],
.tcb-header .btn-cta[class~="md:text-paragraph"],
.tcb-header .btn-ghost[class~="md:text-paragraph"],
.tcb-header .btn-txt[class~="md:text-paragraph"],
.tcb-footer .btn-cta[class~="md:text-paragraph"],
.tcb-footer .btn-ghost[class~="md:text-paragraph"],
.tcb-footer .btn-txt[class~="md:text-paragraph"],
.tcb-header-preview .btn-cta[class~="md:text-paragraph"],
.tcb-header-preview .btn-ghost[class~="md:text-paragraph"],
.tcb-header-preview .btn-txt[class~="md:text-paragraph"],
.tcb-footer-preview .btn-cta[class~="md:text-paragraph"],
.tcb-footer-preview .btn-ghost[class~="md:text-paragraph"],
.tcb-footer-preview .btn-txt[class~="md:text-paragraph"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:text-paragraph"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:text-paragraph"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:text-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:text-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:text-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:text-paragraph"] {
    color: var(--tcb-color-paragraph) !important;
  }
  .tcb-content .btn-cta[class~="md:text-white"],
.tcb-content .btn-ghost[class~="md:text-white"],
.tcb-content .btn-txt[class~="md:text-white"],
.tcb-header .btn-cta[class~="md:text-white"],
.tcb-header .btn-ghost[class~="md:text-white"],
.tcb-header .btn-txt[class~="md:text-white"],
.tcb-footer .btn-cta[class~="md:text-white"],
.tcb-footer .btn-ghost[class~="md:text-white"],
.tcb-footer .btn-txt[class~="md:text-white"],
.tcb-header-preview .btn-cta[class~="md:text-white"],
.tcb-header-preview .btn-ghost[class~="md:text-white"],
.tcb-header-preview .btn-txt[class~="md:text-white"],
.tcb-footer-preview .btn-cta[class~="md:text-white"],
.tcb-footer-preview .btn-ghost[class~="md:text-white"],
.tcb-footer-preview .btn-txt[class~="md:text-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:text-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:text-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:text-white"] {
    color: var(--tcb-color-white) !important;
  }
  .tcb-content .btn-cta[class~="md:text-black"],
.tcb-content .btn-ghost[class~="md:text-black"],
.tcb-content .btn-txt[class~="md:text-black"],
.tcb-header .btn-cta[class~="md:text-black"],
.tcb-header .btn-ghost[class~="md:text-black"],
.tcb-header .btn-txt[class~="md:text-black"],
.tcb-footer .btn-cta[class~="md:text-black"],
.tcb-footer .btn-ghost[class~="md:text-black"],
.tcb-footer .btn-txt[class~="md:text-black"],
.tcb-header-preview .btn-cta[class~="md:text-black"],
.tcb-header-preview .btn-ghost[class~="md:text-black"],
.tcb-header-preview .btn-txt[class~="md:text-black"],
.tcb-footer-preview .btn-cta[class~="md:text-black"],
.tcb-footer-preview .btn-ghost[class~="md:text-black"],
.tcb-footer-preview .btn-txt[class~="md:text-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:text-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:text-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:text-black"] {
    color: var(--tcb-color-black) !important;
  }
  .tcb-content .btn-cta[class~="md:text-stroke"],
.tcb-content .btn-ghost[class~="md:text-stroke"],
.tcb-content .btn-txt[class~="md:text-stroke"],
.tcb-header .btn-cta[class~="md:text-stroke"],
.tcb-header .btn-ghost[class~="md:text-stroke"],
.tcb-header .btn-txt[class~="md:text-stroke"],
.tcb-footer .btn-cta[class~="md:text-stroke"],
.tcb-footer .btn-ghost[class~="md:text-stroke"],
.tcb-footer .btn-txt[class~="md:text-stroke"],
.tcb-header-preview .btn-cta[class~="md:text-stroke"],
.tcb-header-preview .btn-ghost[class~="md:text-stroke"],
.tcb-header-preview .btn-txt[class~="md:text-stroke"],
.tcb-footer-preview .btn-cta[class~="md:text-stroke"],
.tcb-footer-preview .btn-ghost[class~="md:text-stroke"],
.tcb-footer-preview .btn-txt[class~="md:text-stroke"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:text-stroke"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:text-stroke"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:text-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:text-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:text-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:text-stroke"] {
    color: var(--tcb-color-stroke) !important;
  }
  .tcb-content .btn-cta[class~="md:text-title"],
.tcb-content .btn-ghost[class~="md:text-title"],
.tcb-content .btn-txt[class~="md:text-title"],
.tcb-header .btn-cta[class~="md:text-title"],
.tcb-header .btn-ghost[class~="md:text-title"],
.tcb-header .btn-txt[class~="md:text-title"],
.tcb-footer .btn-cta[class~="md:text-title"],
.tcb-footer .btn-ghost[class~="md:text-title"],
.tcb-footer .btn-txt[class~="md:text-title"],
.tcb-header-preview .btn-cta[class~="md:text-title"],
.tcb-header-preview .btn-ghost[class~="md:text-title"],
.tcb-header-preview .btn-txt[class~="md:text-title"],
.tcb-footer-preview .btn-cta[class~="md:text-title"],
.tcb-footer-preview .btn-ghost[class~="md:text-title"],
.tcb-footer-preview .btn-txt[class~="md:text-title"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:text-title"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:text-title"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:text-title"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:text-title"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:text-title"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:text-title"] {
    color: var(--tcb-color-title) !important;
  }
  .tcb-content .btn-cta[class~="md:text-light"],
.tcb-content .btn-ghost[class~="md:text-light"],
.tcb-content .btn-txt[class~="md:text-light"],
.tcb-header .btn-cta[class~="md:text-light"],
.tcb-header .btn-ghost[class~="md:text-light"],
.tcb-header .btn-txt[class~="md:text-light"],
.tcb-footer .btn-cta[class~="md:text-light"],
.tcb-footer .btn-ghost[class~="md:text-light"],
.tcb-footer .btn-txt[class~="md:text-light"],
.tcb-header-preview .btn-cta[class~="md:text-light"],
.tcb-header-preview .btn-ghost[class~="md:text-light"],
.tcb-header-preview .btn-txt[class~="md:text-light"],
.tcb-footer-preview .btn-cta[class~="md:text-light"],
.tcb-footer-preview .btn-ghost[class~="md:text-light"],
.tcb-footer-preview .btn-txt[class~="md:text-light"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:text-light"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:text-light"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:text-light"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:text-light"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:text-light"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:text-light"] {
    color: var(--tcb-color-light) !important;
  }
  .tcb-content .btn-cta[class~="md:text-dark"],
.tcb-content .btn-ghost[class~="md:text-dark"],
.tcb-content .btn-txt[class~="md:text-dark"],
.tcb-header .btn-cta[class~="md:text-dark"],
.tcb-header .btn-ghost[class~="md:text-dark"],
.tcb-header .btn-txt[class~="md:text-dark"],
.tcb-footer .btn-cta[class~="md:text-dark"],
.tcb-footer .btn-ghost[class~="md:text-dark"],
.tcb-footer .btn-txt[class~="md:text-dark"],
.tcb-header-preview .btn-cta[class~="md:text-dark"],
.tcb-header-preview .btn-ghost[class~="md:text-dark"],
.tcb-header-preview .btn-txt[class~="md:text-dark"],
.tcb-footer-preview .btn-cta[class~="md:text-dark"],
.tcb-footer-preview .btn-ghost[class~="md:text-dark"],
.tcb-footer-preview .btn-txt[class~="md:text-dark"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:text-dark"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:text-dark"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:text-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:text-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:text-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:text-dark"] {
    color: var(--tcb-color-dark) !important;
  }
}

@media (min-width: 1024px) {
  .tcb-content .btn-cta[class~="lg:text-primary"],
.tcb-content .btn-ghost[class~="lg:text-primary"],
.tcb-content .btn-txt[class~="lg:text-primary"],
.tcb-header .btn-cta[class~="lg:text-primary"],
.tcb-header .btn-ghost[class~="lg:text-primary"],
.tcb-header .btn-txt[class~="lg:text-primary"],
.tcb-footer .btn-cta[class~="lg:text-primary"],
.tcb-footer .btn-ghost[class~="lg:text-primary"],
.tcb-footer .btn-txt[class~="lg:text-primary"],
.tcb-header-preview .btn-cta[class~="lg:text-primary"],
.tcb-header-preview .btn-ghost[class~="lg:text-primary"],
.tcb-header-preview .btn-txt[class~="lg:text-primary"],
.tcb-footer-preview .btn-cta[class~="lg:text-primary"],
.tcb-footer-preview .btn-ghost[class~="lg:text-primary"],
.tcb-footer-preview .btn-txt[class~="lg:text-primary"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:text-primary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:text-primary"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:text-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:text-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:text-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:text-primary"] {
    color: var(--tcb-color-primary) !important;
  }
  .tcb-content .btn-cta[class~="lg:text-secondary"],
.tcb-content .btn-ghost[class~="lg:text-secondary"],
.tcb-content .btn-txt[class~="lg:text-secondary"],
.tcb-header .btn-cta[class~="lg:text-secondary"],
.tcb-header .btn-ghost[class~="lg:text-secondary"],
.tcb-header .btn-txt[class~="lg:text-secondary"],
.tcb-footer .btn-cta[class~="lg:text-secondary"],
.tcb-footer .btn-ghost[class~="lg:text-secondary"],
.tcb-footer .btn-txt[class~="lg:text-secondary"],
.tcb-header-preview .btn-cta[class~="lg:text-secondary"],
.tcb-header-preview .btn-ghost[class~="lg:text-secondary"],
.tcb-header-preview .btn-txt[class~="lg:text-secondary"],
.tcb-footer-preview .btn-cta[class~="lg:text-secondary"],
.tcb-footer-preview .btn-ghost[class~="lg:text-secondary"],
.tcb-footer-preview .btn-txt[class~="lg:text-secondary"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:text-secondary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:text-secondary"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:text-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:text-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:text-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:text-secondary"] {
    color: var(--tcb-color-secondary) !important;
  }
  .tcb-content .btn-cta[class~="lg:text-tertiary"],
.tcb-content .btn-ghost[class~="lg:text-tertiary"],
.tcb-content .btn-txt[class~="lg:text-tertiary"],
.tcb-header .btn-cta[class~="lg:text-tertiary"],
.tcb-header .btn-ghost[class~="lg:text-tertiary"],
.tcb-header .btn-txt[class~="lg:text-tertiary"],
.tcb-footer .btn-cta[class~="lg:text-tertiary"],
.tcb-footer .btn-ghost[class~="lg:text-tertiary"],
.tcb-footer .btn-txt[class~="lg:text-tertiary"],
.tcb-header-preview .btn-cta[class~="lg:text-tertiary"],
.tcb-header-preview .btn-ghost[class~="lg:text-tertiary"],
.tcb-header-preview .btn-txt[class~="lg:text-tertiary"],
.tcb-footer-preview .btn-cta[class~="lg:text-tertiary"],
.tcb-footer-preview .btn-ghost[class~="lg:text-tertiary"],
.tcb-footer-preview .btn-txt[class~="lg:text-tertiary"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:text-tertiary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:text-tertiary"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:text-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:text-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:text-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:text-tertiary"] {
    color: var(--tcb-color-tertiary) !important;
  }
  .tcb-content .btn-cta[class~="lg:text-error"],
.tcb-content .btn-ghost[class~="lg:text-error"],
.tcb-content .btn-txt[class~="lg:text-error"],
.tcb-header .btn-cta[class~="lg:text-error"],
.tcb-header .btn-ghost[class~="lg:text-error"],
.tcb-header .btn-txt[class~="lg:text-error"],
.tcb-footer .btn-cta[class~="lg:text-error"],
.tcb-footer .btn-ghost[class~="lg:text-error"],
.tcb-footer .btn-txt[class~="lg:text-error"],
.tcb-header-preview .btn-cta[class~="lg:text-error"],
.tcb-header-preview .btn-ghost[class~="lg:text-error"],
.tcb-header-preview .btn-txt[class~="lg:text-error"],
.tcb-footer-preview .btn-cta[class~="lg:text-error"],
.tcb-footer-preview .btn-ghost[class~="lg:text-error"],
.tcb-footer-preview .btn-txt[class~="lg:text-error"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:text-error"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:text-error"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:text-error"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:text-error"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:text-error"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:text-error"] {
    color: var(--tcb-color-error) !important;
  }
  .tcb-content .btn-cta[class~="lg:text-alert"],
.tcb-content .btn-ghost[class~="lg:text-alert"],
.tcb-content .btn-txt[class~="lg:text-alert"],
.tcb-header .btn-cta[class~="lg:text-alert"],
.tcb-header .btn-ghost[class~="lg:text-alert"],
.tcb-header .btn-txt[class~="lg:text-alert"],
.tcb-footer .btn-cta[class~="lg:text-alert"],
.tcb-footer .btn-ghost[class~="lg:text-alert"],
.tcb-footer .btn-txt[class~="lg:text-alert"],
.tcb-header-preview .btn-cta[class~="lg:text-alert"],
.tcb-header-preview .btn-ghost[class~="lg:text-alert"],
.tcb-header-preview .btn-txt[class~="lg:text-alert"],
.tcb-footer-preview .btn-cta[class~="lg:text-alert"],
.tcb-footer-preview .btn-ghost[class~="lg:text-alert"],
.tcb-footer-preview .btn-txt[class~="lg:text-alert"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:text-alert"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:text-alert"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:text-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:text-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:text-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:text-alert"] {
    color: var(--tcb-color-alert) !important;
  }
  .tcb-content .btn-cta[class~="lg:text-success"],
.tcb-content .btn-ghost[class~="lg:text-success"],
.tcb-content .btn-txt[class~="lg:text-success"],
.tcb-header .btn-cta[class~="lg:text-success"],
.tcb-header .btn-ghost[class~="lg:text-success"],
.tcb-header .btn-txt[class~="lg:text-success"],
.tcb-footer .btn-cta[class~="lg:text-success"],
.tcb-footer .btn-ghost[class~="lg:text-success"],
.tcb-footer .btn-txt[class~="lg:text-success"],
.tcb-header-preview .btn-cta[class~="lg:text-success"],
.tcb-header-preview .btn-ghost[class~="lg:text-success"],
.tcb-header-preview .btn-txt[class~="lg:text-success"],
.tcb-footer-preview .btn-cta[class~="lg:text-success"],
.tcb-footer-preview .btn-ghost[class~="lg:text-success"],
.tcb-footer-preview .btn-txt[class~="lg:text-success"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:text-success"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:text-success"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:text-success"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:text-success"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:text-success"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:text-success"] {
    color: var(--tcb-color-success) !important;
  }
  .tcb-content .btn-cta[class~="lg:text-paragraph"],
.tcb-content .btn-ghost[class~="lg:text-paragraph"],
.tcb-content .btn-txt[class~="lg:text-paragraph"],
.tcb-header .btn-cta[class~="lg:text-paragraph"],
.tcb-header .btn-ghost[class~="lg:text-paragraph"],
.tcb-header .btn-txt[class~="lg:text-paragraph"],
.tcb-footer .btn-cta[class~="lg:text-paragraph"],
.tcb-footer .btn-ghost[class~="lg:text-paragraph"],
.tcb-footer .btn-txt[class~="lg:text-paragraph"],
.tcb-header-preview .btn-cta[class~="lg:text-paragraph"],
.tcb-header-preview .btn-ghost[class~="lg:text-paragraph"],
.tcb-header-preview .btn-txt[class~="lg:text-paragraph"],
.tcb-footer-preview .btn-cta[class~="lg:text-paragraph"],
.tcb-footer-preview .btn-ghost[class~="lg:text-paragraph"],
.tcb-footer-preview .btn-txt[class~="lg:text-paragraph"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:text-paragraph"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:text-paragraph"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:text-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:text-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:text-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:text-paragraph"] {
    color: var(--tcb-color-paragraph) !important;
  }
  .tcb-content .btn-cta[class~="lg:text-white"],
.tcb-content .btn-ghost[class~="lg:text-white"],
.tcb-content .btn-txt[class~="lg:text-white"],
.tcb-header .btn-cta[class~="lg:text-white"],
.tcb-header .btn-ghost[class~="lg:text-white"],
.tcb-header .btn-txt[class~="lg:text-white"],
.tcb-footer .btn-cta[class~="lg:text-white"],
.tcb-footer .btn-ghost[class~="lg:text-white"],
.tcb-footer .btn-txt[class~="lg:text-white"],
.tcb-header-preview .btn-cta[class~="lg:text-white"],
.tcb-header-preview .btn-ghost[class~="lg:text-white"],
.tcb-header-preview .btn-txt[class~="lg:text-white"],
.tcb-footer-preview .btn-cta[class~="lg:text-white"],
.tcb-footer-preview .btn-ghost[class~="lg:text-white"],
.tcb-footer-preview .btn-txt[class~="lg:text-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:text-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:text-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:text-white"] {
    color: var(--tcb-color-white) !important;
  }
  .tcb-content .btn-cta[class~="lg:text-black"],
.tcb-content .btn-ghost[class~="lg:text-black"],
.tcb-content .btn-txt[class~="lg:text-black"],
.tcb-header .btn-cta[class~="lg:text-black"],
.tcb-header .btn-ghost[class~="lg:text-black"],
.tcb-header .btn-txt[class~="lg:text-black"],
.tcb-footer .btn-cta[class~="lg:text-black"],
.tcb-footer .btn-ghost[class~="lg:text-black"],
.tcb-footer .btn-txt[class~="lg:text-black"],
.tcb-header-preview .btn-cta[class~="lg:text-black"],
.tcb-header-preview .btn-ghost[class~="lg:text-black"],
.tcb-header-preview .btn-txt[class~="lg:text-black"],
.tcb-footer-preview .btn-cta[class~="lg:text-black"],
.tcb-footer-preview .btn-ghost[class~="lg:text-black"],
.tcb-footer-preview .btn-txt[class~="lg:text-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:text-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:text-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:text-black"] {
    color: var(--tcb-color-black) !important;
  }
  .tcb-content .btn-cta[class~="lg:text-stroke"],
.tcb-content .btn-ghost[class~="lg:text-stroke"],
.tcb-content .btn-txt[class~="lg:text-stroke"],
.tcb-header .btn-cta[class~="lg:text-stroke"],
.tcb-header .btn-ghost[class~="lg:text-stroke"],
.tcb-header .btn-txt[class~="lg:text-stroke"],
.tcb-footer .btn-cta[class~="lg:text-stroke"],
.tcb-footer .btn-ghost[class~="lg:text-stroke"],
.tcb-footer .btn-txt[class~="lg:text-stroke"],
.tcb-header-preview .btn-cta[class~="lg:text-stroke"],
.tcb-header-preview .btn-ghost[class~="lg:text-stroke"],
.tcb-header-preview .btn-txt[class~="lg:text-stroke"],
.tcb-footer-preview .btn-cta[class~="lg:text-stroke"],
.tcb-footer-preview .btn-ghost[class~="lg:text-stroke"],
.tcb-footer-preview .btn-txt[class~="lg:text-stroke"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:text-stroke"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:text-stroke"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:text-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:text-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:text-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:text-stroke"] {
    color: var(--tcb-color-stroke) !important;
  }
  .tcb-content .btn-cta[class~="lg:text-title"],
.tcb-content .btn-ghost[class~="lg:text-title"],
.tcb-content .btn-txt[class~="lg:text-title"],
.tcb-header .btn-cta[class~="lg:text-title"],
.tcb-header .btn-ghost[class~="lg:text-title"],
.tcb-header .btn-txt[class~="lg:text-title"],
.tcb-footer .btn-cta[class~="lg:text-title"],
.tcb-footer .btn-ghost[class~="lg:text-title"],
.tcb-footer .btn-txt[class~="lg:text-title"],
.tcb-header-preview .btn-cta[class~="lg:text-title"],
.tcb-header-preview .btn-ghost[class~="lg:text-title"],
.tcb-header-preview .btn-txt[class~="lg:text-title"],
.tcb-footer-preview .btn-cta[class~="lg:text-title"],
.tcb-footer-preview .btn-ghost[class~="lg:text-title"],
.tcb-footer-preview .btn-txt[class~="lg:text-title"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:text-title"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:text-title"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:text-title"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:text-title"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:text-title"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:text-title"] {
    color: var(--tcb-color-title) !important;
  }
  .tcb-content .btn-cta[class~="lg:text-light"],
.tcb-content .btn-ghost[class~="lg:text-light"],
.tcb-content .btn-txt[class~="lg:text-light"],
.tcb-header .btn-cta[class~="lg:text-light"],
.tcb-header .btn-ghost[class~="lg:text-light"],
.tcb-header .btn-txt[class~="lg:text-light"],
.tcb-footer .btn-cta[class~="lg:text-light"],
.tcb-footer .btn-ghost[class~="lg:text-light"],
.tcb-footer .btn-txt[class~="lg:text-light"],
.tcb-header-preview .btn-cta[class~="lg:text-light"],
.tcb-header-preview .btn-ghost[class~="lg:text-light"],
.tcb-header-preview .btn-txt[class~="lg:text-light"],
.tcb-footer-preview .btn-cta[class~="lg:text-light"],
.tcb-footer-preview .btn-ghost[class~="lg:text-light"],
.tcb-footer-preview .btn-txt[class~="lg:text-light"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:text-light"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:text-light"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:text-light"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:text-light"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:text-light"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:text-light"] {
    color: var(--tcb-color-light) !important;
  }
  .tcb-content .btn-cta[class~="lg:text-dark"],
.tcb-content .btn-ghost[class~="lg:text-dark"],
.tcb-content .btn-txt[class~="lg:text-dark"],
.tcb-header .btn-cta[class~="lg:text-dark"],
.tcb-header .btn-ghost[class~="lg:text-dark"],
.tcb-header .btn-txt[class~="lg:text-dark"],
.tcb-footer .btn-cta[class~="lg:text-dark"],
.tcb-footer .btn-ghost[class~="lg:text-dark"],
.tcb-footer .btn-txt[class~="lg:text-dark"],
.tcb-header-preview .btn-cta[class~="lg:text-dark"],
.tcb-header-preview .btn-ghost[class~="lg:text-dark"],
.tcb-header-preview .btn-txt[class~="lg:text-dark"],
.tcb-footer-preview .btn-cta[class~="lg:text-dark"],
.tcb-footer-preview .btn-ghost[class~="lg:text-dark"],
.tcb-footer-preview .btn-txt[class~="lg:text-dark"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:text-dark"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:text-dark"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:text-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:text-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:text-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:text-dark"] {
    color: var(--tcb-color-dark) !important;
  }
}

@media (min-width: 1280px) {
  .tcb-content .btn-cta[class~="xl:text-primary"],
.tcb-content .btn-ghost[class~="xl:text-primary"],
.tcb-content .btn-txt[class~="xl:text-primary"],
.tcb-header .btn-cta[class~="xl:text-primary"],
.tcb-header .btn-ghost[class~="xl:text-primary"],
.tcb-header .btn-txt[class~="xl:text-primary"],
.tcb-footer .btn-cta[class~="xl:text-primary"],
.tcb-footer .btn-ghost[class~="xl:text-primary"],
.tcb-footer .btn-txt[class~="xl:text-primary"],
.tcb-header-preview .btn-cta[class~="xl:text-primary"],
.tcb-header-preview .btn-ghost[class~="xl:text-primary"],
.tcb-header-preview .btn-txt[class~="xl:text-primary"],
.tcb-footer-preview .btn-cta[class~="xl:text-primary"],
.tcb-footer-preview .btn-ghost[class~="xl:text-primary"],
.tcb-footer-preview .btn-txt[class~="xl:text-primary"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:text-primary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:text-primary"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:text-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:text-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:text-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:text-primary"] {
    color: var(--tcb-color-primary) !important;
  }
  .tcb-content .btn-cta[class~="xl:text-secondary"],
.tcb-content .btn-ghost[class~="xl:text-secondary"],
.tcb-content .btn-txt[class~="xl:text-secondary"],
.tcb-header .btn-cta[class~="xl:text-secondary"],
.tcb-header .btn-ghost[class~="xl:text-secondary"],
.tcb-header .btn-txt[class~="xl:text-secondary"],
.tcb-footer .btn-cta[class~="xl:text-secondary"],
.tcb-footer .btn-ghost[class~="xl:text-secondary"],
.tcb-footer .btn-txt[class~="xl:text-secondary"],
.tcb-header-preview .btn-cta[class~="xl:text-secondary"],
.tcb-header-preview .btn-ghost[class~="xl:text-secondary"],
.tcb-header-preview .btn-txt[class~="xl:text-secondary"],
.tcb-footer-preview .btn-cta[class~="xl:text-secondary"],
.tcb-footer-preview .btn-ghost[class~="xl:text-secondary"],
.tcb-footer-preview .btn-txt[class~="xl:text-secondary"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:text-secondary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:text-secondary"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:text-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:text-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:text-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:text-secondary"] {
    color: var(--tcb-color-secondary) !important;
  }
  .tcb-content .btn-cta[class~="xl:text-tertiary"],
.tcb-content .btn-ghost[class~="xl:text-tertiary"],
.tcb-content .btn-txt[class~="xl:text-tertiary"],
.tcb-header .btn-cta[class~="xl:text-tertiary"],
.tcb-header .btn-ghost[class~="xl:text-tertiary"],
.tcb-header .btn-txt[class~="xl:text-tertiary"],
.tcb-footer .btn-cta[class~="xl:text-tertiary"],
.tcb-footer .btn-ghost[class~="xl:text-tertiary"],
.tcb-footer .btn-txt[class~="xl:text-tertiary"],
.tcb-header-preview .btn-cta[class~="xl:text-tertiary"],
.tcb-header-preview .btn-ghost[class~="xl:text-tertiary"],
.tcb-header-preview .btn-txt[class~="xl:text-tertiary"],
.tcb-footer-preview .btn-cta[class~="xl:text-tertiary"],
.tcb-footer-preview .btn-ghost[class~="xl:text-tertiary"],
.tcb-footer-preview .btn-txt[class~="xl:text-tertiary"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:text-tertiary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:text-tertiary"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:text-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:text-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:text-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:text-tertiary"] {
    color: var(--tcb-color-tertiary) !important;
  }
  .tcb-content .btn-cta[class~="xl:text-error"],
.tcb-content .btn-ghost[class~="xl:text-error"],
.tcb-content .btn-txt[class~="xl:text-error"],
.tcb-header .btn-cta[class~="xl:text-error"],
.tcb-header .btn-ghost[class~="xl:text-error"],
.tcb-header .btn-txt[class~="xl:text-error"],
.tcb-footer .btn-cta[class~="xl:text-error"],
.tcb-footer .btn-ghost[class~="xl:text-error"],
.tcb-footer .btn-txt[class~="xl:text-error"],
.tcb-header-preview .btn-cta[class~="xl:text-error"],
.tcb-header-preview .btn-ghost[class~="xl:text-error"],
.tcb-header-preview .btn-txt[class~="xl:text-error"],
.tcb-footer-preview .btn-cta[class~="xl:text-error"],
.tcb-footer-preview .btn-ghost[class~="xl:text-error"],
.tcb-footer-preview .btn-txt[class~="xl:text-error"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:text-error"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:text-error"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:text-error"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:text-error"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:text-error"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:text-error"] {
    color: var(--tcb-color-error) !important;
  }
  .tcb-content .btn-cta[class~="xl:text-alert"],
.tcb-content .btn-ghost[class~="xl:text-alert"],
.tcb-content .btn-txt[class~="xl:text-alert"],
.tcb-header .btn-cta[class~="xl:text-alert"],
.tcb-header .btn-ghost[class~="xl:text-alert"],
.tcb-header .btn-txt[class~="xl:text-alert"],
.tcb-footer .btn-cta[class~="xl:text-alert"],
.tcb-footer .btn-ghost[class~="xl:text-alert"],
.tcb-footer .btn-txt[class~="xl:text-alert"],
.tcb-header-preview .btn-cta[class~="xl:text-alert"],
.tcb-header-preview .btn-ghost[class~="xl:text-alert"],
.tcb-header-preview .btn-txt[class~="xl:text-alert"],
.tcb-footer-preview .btn-cta[class~="xl:text-alert"],
.tcb-footer-preview .btn-ghost[class~="xl:text-alert"],
.tcb-footer-preview .btn-txt[class~="xl:text-alert"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:text-alert"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:text-alert"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:text-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:text-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:text-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:text-alert"] {
    color: var(--tcb-color-alert) !important;
  }
  .tcb-content .btn-cta[class~="xl:text-success"],
.tcb-content .btn-ghost[class~="xl:text-success"],
.tcb-content .btn-txt[class~="xl:text-success"],
.tcb-header .btn-cta[class~="xl:text-success"],
.tcb-header .btn-ghost[class~="xl:text-success"],
.tcb-header .btn-txt[class~="xl:text-success"],
.tcb-footer .btn-cta[class~="xl:text-success"],
.tcb-footer .btn-ghost[class~="xl:text-success"],
.tcb-footer .btn-txt[class~="xl:text-success"],
.tcb-header-preview .btn-cta[class~="xl:text-success"],
.tcb-header-preview .btn-ghost[class~="xl:text-success"],
.tcb-header-preview .btn-txt[class~="xl:text-success"],
.tcb-footer-preview .btn-cta[class~="xl:text-success"],
.tcb-footer-preview .btn-ghost[class~="xl:text-success"],
.tcb-footer-preview .btn-txt[class~="xl:text-success"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:text-success"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:text-success"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:text-success"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:text-success"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:text-success"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:text-success"] {
    color: var(--tcb-color-success) !important;
  }
  .tcb-content .btn-cta[class~="xl:text-paragraph"],
.tcb-content .btn-ghost[class~="xl:text-paragraph"],
.tcb-content .btn-txt[class~="xl:text-paragraph"],
.tcb-header .btn-cta[class~="xl:text-paragraph"],
.tcb-header .btn-ghost[class~="xl:text-paragraph"],
.tcb-header .btn-txt[class~="xl:text-paragraph"],
.tcb-footer .btn-cta[class~="xl:text-paragraph"],
.tcb-footer .btn-ghost[class~="xl:text-paragraph"],
.tcb-footer .btn-txt[class~="xl:text-paragraph"],
.tcb-header-preview .btn-cta[class~="xl:text-paragraph"],
.tcb-header-preview .btn-ghost[class~="xl:text-paragraph"],
.tcb-header-preview .btn-txt[class~="xl:text-paragraph"],
.tcb-footer-preview .btn-cta[class~="xl:text-paragraph"],
.tcb-footer-preview .btn-ghost[class~="xl:text-paragraph"],
.tcb-footer-preview .btn-txt[class~="xl:text-paragraph"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:text-paragraph"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:text-paragraph"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:text-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:text-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:text-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:text-paragraph"] {
    color: var(--tcb-color-paragraph) !important;
  }
  .tcb-content .btn-cta[class~="xl:text-white"],
.tcb-content .btn-ghost[class~="xl:text-white"],
.tcb-content .btn-txt[class~="xl:text-white"],
.tcb-header .btn-cta[class~="xl:text-white"],
.tcb-header .btn-ghost[class~="xl:text-white"],
.tcb-header .btn-txt[class~="xl:text-white"],
.tcb-footer .btn-cta[class~="xl:text-white"],
.tcb-footer .btn-ghost[class~="xl:text-white"],
.tcb-footer .btn-txt[class~="xl:text-white"],
.tcb-header-preview .btn-cta[class~="xl:text-white"],
.tcb-header-preview .btn-ghost[class~="xl:text-white"],
.tcb-header-preview .btn-txt[class~="xl:text-white"],
.tcb-footer-preview .btn-cta[class~="xl:text-white"],
.tcb-footer-preview .btn-ghost[class~="xl:text-white"],
.tcb-footer-preview .btn-txt[class~="xl:text-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:text-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:text-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:text-white"] {
    color: var(--tcb-color-white) !important;
  }
  .tcb-content .btn-cta[class~="xl:text-black"],
.tcb-content .btn-ghost[class~="xl:text-black"],
.tcb-content .btn-txt[class~="xl:text-black"],
.tcb-header .btn-cta[class~="xl:text-black"],
.tcb-header .btn-ghost[class~="xl:text-black"],
.tcb-header .btn-txt[class~="xl:text-black"],
.tcb-footer .btn-cta[class~="xl:text-black"],
.tcb-footer .btn-ghost[class~="xl:text-black"],
.tcb-footer .btn-txt[class~="xl:text-black"],
.tcb-header-preview .btn-cta[class~="xl:text-black"],
.tcb-header-preview .btn-ghost[class~="xl:text-black"],
.tcb-header-preview .btn-txt[class~="xl:text-black"],
.tcb-footer-preview .btn-cta[class~="xl:text-black"],
.tcb-footer-preview .btn-ghost[class~="xl:text-black"],
.tcb-footer-preview .btn-txt[class~="xl:text-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:text-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:text-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:text-black"] {
    color: var(--tcb-color-black) !important;
  }
  .tcb-content .btn-cta[class~="xl:text-stroke"],
.tcb-content .btn-ghost[class~="xl:text-stroke"],
.tcb-content .btn-txt[class~="xl:text-stroke"],
.tcb-header .btn-cta[class~="xl:text-stroke"],
.tcb-header .btn-ghost[class~="xl:text-stroke"],
.tcb-header .btn-txt[class~="xl:text-stroke"],
.tcb-footer .btn-cta[class~="xl:text-stroke"],
.tcb-footer .btn-ghost[class~="xl:text-stroke"],
.tcb-footer .btn-txt[class~="xl:text-stroke"],
.tcb-header-preview .btn-cta[class~="xl:text-stroke"],
.tcb-header-preview .btn-ghost[class~="xl:text-stroke"],
.tcb-header-preview .btn-txt[class~="xl:text-stroke"],
.tcb-footer-preview .btn-cta[class~="xl:text-stroke"],
.tcb-footer-preview .btn-ghost[class~="xl:text-stroke"],
.tcb-footer-preview .btn-txt[class~="xl:text-stroke"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:text-stroke"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:text-stroke"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:text-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:text-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:text-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:text-stroke"] {
    color: var(--tcb-color-stroke) !important;
  }
  .tcb-content .btn-cta[class~="xl:text-title"],
.tcb-content .btn-ghost[class~="xl:text-title"],
.tcb-content .btn-txt[class~="xl:text-title"],
.tcb-header .btn-cta[class~="xl:text-title"],
.tcb-header .btn-ghost[class~="xl:text-title"],
.tcb-header .btn-txt[class~="xl:text-title"],
.tcb-footer .btn-cta[class~="xl:text-title"],
.tcb-footer .btn-ghost[class~="xl:text-title"],
.tcb-footer .btn-txt[class~="xl:text-title"],
.tcb-header-preview .btn-cta[class~="xl:text-title"],
.tcb-header-preview .btn-ghost[class~="xl:text-title"],
.tcb-header-preview .btn-txt[class~="xl:text-title"],
.tcb-footer-preview .btn-cta[class~="xl:text-title"],
.tcb-footer-preview .btn-ghost[class~="xl:text-title"],
.tcb-footer-preview .btn-txt[class~="xl:text-title"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:text-title"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:text-title"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:text-title"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:text-title"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:text-title"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:text-title"] {
    color: var(--tcb-color-title) !important;
  }
  .tcb-content .btn-cta[class~="xl:text-light"],
.tcb-content .btn-ghost[class~="xl:text-light"],
.tcb-content .btn-txt[class~="xl:text-light"],
.tcb-header .btn-cta[class~="xl:text-light"],
.tcb-header .btn-ghost[class~="xl:text-light"],
.tcb-header .btn-txt[class~="xl:text-light"],
.tcb-footer .btn-cta[class~="xl:text-light"],
.tcb-footer .btn-ghost[class~="xl:text-light"],
.tcb-footer .btn-txt[class~="xl:text-light"],
.tcb-header-preview .btn-cta[class~="xl:text-light"],
.tcb-header-preview .btn-ghost[class~="xl:text-light"],
.tcb-header-preview .btn-txt[class~="xl:text-light"],
.tcb-footer-preview .btn-cta[class~="xl:text-light"],
.tcb-footer-preview .btn-ghost[class~="xl:text-light"],
.tcb-footer-preview .btn-txt[class~="xl:text-light"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:text-light"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:text-light"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:text-light"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:text-light"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:text-light"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:text-light"] {
    color: var(--tcb-color-light) !important;
  }
  .tcb-content .btn-cta[class~="xl:text-dark"],
.tcb-content .btn-ghost[class~="xl:text-dark"],
.tcb-content .btn-txt[class~="xl:text-dark"],
.tcb-header .btn-cta[class~="xl:text-dark"],
.tcb-header .btn-ghost[class~="xl:text-dark"],
.tcb-header .btn-txt[class~="xl:text-dark"],
.tcb-footer .btn-cta[class~="xl:text-dark"],
.tcb-footer .btn-ghost[class~="xl:text-dark"],
.tcb-footer .btn-txt[class~="xl:text-dark"],
.tcb-header-preview .btn-cta[class~="xl:text-dark"],
.tcb-header-preview .btn-ghost[class~="xl:text-dark"],
.tcb-header-preview .btn-txt[class~="xl:text-dark"],
.tcb-footer-preview .btn-cta[class~="xl:text-dark"],
.tcb-footer-preview .btn-ghost[class~="xl:text-dark"],
.tcb-footer-preview .btn-txt[class~="xl:text-dark"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:text-dark"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:text-dark"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:text-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:text-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:text-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:text-dark"] {
    color: var(--tcb-color-dark) !important;
  }
}

@media (min-width: 1536px) {
  .tcb-content .btn-cta[class~="2xl:text-primary"],
.tcb-content .btn-ghost[class~="2xl:text-primary"],
.tcb-content .btn-txt[class~="2xl:text-primary"],
.tcb-header .btn-cta[class~="2xl:text-primary"],
.tcb-header .btn-ghost[class~="2xl:text-primary"],
.tcb-header .btn-txt[class~="2xl:text-primary"],
.tcb-footer .btn-cta[class~="2xl:text-primary"],
.tcb-footer .btn-ghost[class~="2xl:text-primary"],
.tcb-footer .btn-txt[class~="2xl:text-primary"],
.tcb-header-preview .btn-cta[class~="2xl:text-primary"],
.tcb-header-preview .btn-ghost[class~="2xl:text-primary"],
.tcb-header-preview .btn-txt[class~="2xl:text-primary"],
.tcb-footer-preview .btn-cta[class~="2xl:text-primary"],
.tcb-footer-preview .btn-ghost[class~="2xl:text-primary"],
.tcb-footer-preview .btn-txt[class~="2xl:text-primary"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:text-primary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:text-primary"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:text-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:text-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:text-primary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:text-primary"] {
    color: var(--tcb-color-primary) !important;
  }
  .tcb-content .btn-cta[class~="2xl:text-secondary"],
.tcb-content .btn-ghost[class~="2xl:text-secondary"],
.tcb-content .btn-txt[class~="2xl:text-secondary"],
.tcb-header .btn-cta[class~="2xl:text-secondary"],
.tcb-header .btn-ghost[class~="2xl:text-secondary"],
.tcb-header .btn-txt[class~="2xl:text-secondary"],
.tcb-footer .btn-cta[class~="2xl:text-secondary"],
.tcb-footer .btn-ghost[class~="2xl:text-secondary"],
.tcb-footer .btn-txt[class~="2xl:text-secondary"],
.tcb-header-preview .btn-cta[class~="2xl:text-secondary"],
.tcb-header-preview .btn-ghost[class~="2xl:text-secondary"],
.tcb-header-preview .btn-txt[class~="2xl:text-secondary"],
.tcb-footer-preview .btn-cta[class~="2xl:text-secondary"],
.tcb-footer-preview .btn-ghost[class~="2xl:text-secondary"],
.tcb-footer-preview .btn-txt[class~="2xl:text-secondary"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:text-secondary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:text-secondary"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:text-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:text-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:text-secondary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:text-secondary"] {
    color: var(--tcb-color-secondary) !important;
  }
  .tcb-content .btn-cta[class~="2xl:text-tertiary"],
.tcb-content .btn-ghost[class~="2xl:text-tertiary"],
.tcb-content .btn-txt[class~="2xl:text-tertiary"],
.tcb-header .btn-cta[class~="2xl:text-tertiary"],
.tcb-header .btn-ghost[class~="2xl:text-tertiary"],
.tcb-header .btn-txt[class~="2xl:text-tertiary"],
.tcb-footer .btn-cta[class~="2xl:text-tertiary"],
.tcb-footer .btn-ghost[class~="2xl:text-tertiary"],
.tcb-footer .btn-txt[class~="2xl:text-tertiary"],
.tcb-header-preview .btn-cta[class~="2xl:text-tertiary"],
.tcb-header-preview .btn-ghost[class~="2xl:text-tertiary"],
.tcb-header-preview .btn-txt[class~="2xl:text-tertiary"],
.tcb-footer-preview .btn-cta[class~="2xl:text-tertiary"],
.tcb-footer-preview .btn-ghost[class~="2xl:text-tertiary"],
.tcb-footer-preview .btn-txt[class~="2xl:text-tertiary"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:text-tertiary"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:text-tertiary"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:text-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:text-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:text-tertiary"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:text-tertiary"] {
    color: var(--tcb-color-tertiary) !important;
  }
  .tcb-content .btn-cta[class~="2xl:text-error"],
.tcb-content .btn-ghost[class~="2xl:text-error"],
.tcb-content .btn-txt[class~="2xl:text-error"],
.tcb-header .btn-cta[class~="2xl:text-error"],
.tcb-header .btn-ghost[class~="2xl:text-error"],
.tcb-header .btn-txt[class~="2xl:text-error"],
.tcb-footer .btn-cta[class~="2xl:text-error"],
.tcb-footer .btn-ghost[class~="2xl:text-error"],
.tcb-footer .btn-txt[class~="2xl:text-error"],
.tcb-header-preview .btn-cta[class~="2xl:text-error"],
.tcb-header-preview .btn-ghost[class~="2xl:text-error"],
.tcb-header-preview .btn-txt[class~="2xl:text-error"],
.tcb-footer-preview .btn-cta[class~="2xl:text-error"],
.tcb-footer-preview .btn-ghost[class~="2xl:text-error"],
.tcb-footer-preview .btn-txt[class~="2xl:text-error"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:text-error"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:text-error"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:text-error"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:text-error"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:text-error"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:text-error"] {
    color: var(--tcb-color-error) !important;
  }
  .tcb-content .btn-cta[class~="2xl:text-alert"],
.tcb-content .btn-ghost[class~="2xl:text-alert"],
.tcb-content .btn-txt[class~="2xl:text-alert"],
.tcb-header .btn-cta[class~="2xl:text-alert"],
.tcb-header .btn-ghost[class~="2xl:text-alert"],
.tcb-header .btn-txt[class~="2xl:text-alert"],
.tcb-footer .btn-cta[class~="2xl:text-alert"],
.tcb-footer .btn-ghost[class~="2xl:text-alert"],
.tcb-footer .btn-txt[class~="2xl:text-alert"],
.tcb-header-preview .btn-cta[class~="2xl:text-alert"],
.tcb-header-preview .btn-ghost[class~="2xl:text-alert"],
.tcb-header-preview .btn-txt[class~="2xl:text-alert"],
.tcb-footer-preview .btn-cta[class~="2xl:text-alert"],
.tcb-footer-preview .btn-ghost[class~="2xl:text-alert"],
.tcb-footer-preview .btn-txt[class~="2xl:text-alert"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:text-alert"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:text-alert"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:text-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:text-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:text-alert"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:text-alert"] {
    color: var(--tcb-color-alert) !important;
  }
  .tcb-content .btn-cta[class~="2xl:text-success"],
.tcb-content .btn-ghost[class~="2xl:text-success"],
.tcb-content .btn-txt[class~="2xl:text-success"],
.tcb-header .btn-cta[class~="2xl:text-success"],
.tcb-header .btn-ghost[class~="2xl:text-success"],
.tcb-header .btn-txt[class~="2xl:text-success"],
.tcb-footer .btn-cta[class~="2xl:text-success"],
.tcb-footer .btn-ghost[class~="2xl:text-success"],
.tcb-footer .btn-txt[class~="2xl:text-success"],
.tcb-header-preview .btn-cta[class~="2xl:text-success"],
.tcb-header-preview .btn-ghost[class~="2xl:text-success"],
.tcb-header-preview .btn-txt[class~="2xl:text-success"],
.tcb-footer-preview .btn-cta[class~="2xl:text-success"],
.tcb-footer-preview .btn-ghost[class~="2xl:text-success"],
.tcb-footer-preview .btn-txt[class~="2xl:text-success"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:text-success"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:text-success"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:text-success"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:text-success"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:text-success"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:text-success"] {
    color: var(--tcb-color-success) !important;
  }
  .tcb-content .btn-cta[class~="2xl:text-paragraph"],
.tcb-content .btn-ghost[class~="2xl:text-paragraph"],
.tcb-content .btn-txt[class~="2xl:text-paragraph"],
.tcb-header .btn-cta[class~="2xl:text-paragraph"],
.tcb-header .btn-ghost[class~="2xl:text-paragraph"],
.tcb-header .btn-txt[class~="2xl:text-paragraph"],
.tcb-footer .btn-cta[class~="2xl:text-paragraph"],
.tcb-footer .btn-ghost[class~="2xl:text-paragraph"],
.tcb-footer .btn-txt[class~="2xl:text-paragraph"],
.tcb-header-preview .btn-cta[class~="2xl:text-paragraph"],
.tcb-header-preview .btn-ghost[class~="2xl:text-paragraph"],
.tcb-header-preview .btn-txt[class~="2xl:text-paragraph"],
.tcb-footer-preview .btn-cta[class~="2xl:text-paragraph"],
.tcb-footer-preview .btn-ghost[class~="2xl:text-paragraph"],
.tcb-footer-preview .btn-txt[class~="2xl:text-paragraph"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:text-paragraph"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:text-paragraph"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:text-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:text-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:text-paragraph"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:text-paragraph"] {
    color: var(--tcb-color-paragraph) !important;
  }
  .tcb-content .btn-cta[class~="2xl:text-white"],
.tcb-content .btn-ghost[class~="2xl:text-white"],
.tcb-content .btn-txt[class~="2xl:text-white"],
.tcb-header .btn-cta[class~="2xl:text-white"],
.tcb-header .btn-ghost[class~="2xl:text-white"],
.tcb-header .btn-txt[class~="2xl:text-white"],
.tcb-footer .btn-cta[class~="2xl:text-white"],
.tcb-footer .btn-ghost[class~="2xl:text-white"],
.tcb-footer .btn-txt[class~="2xl:text-white"],
.tcb-header-preview .btn-cta[class~="2xl:text-white"],
.tcb-header-preview .btn-ghost[class~="2xl:text-white"],
.tcb-header-preview .btn-txt[class~="2xl:text-white"],
.tcb-footer-preview .btn-cta[class~="2xl:text-white"],
.tcb-footer-preview .btn-ghost[class~="2xl:text-white"],
.tcb-footer-preview .btn-txt[class~="2xl:text-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:text-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:text-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:text-white"] {
    color: var(--tcb-color-white) !important;
  }
  .tcb-content .btn-cta[class~="2xl:text-black"],
.tcb-content .btn-ghost[class~="2xl:text-black"],
.tcb-content .btn-txt[class~="2xl:text-black"],
.tcb-header .btn-cta[class~="2xl:text-black"],
.tcb-header .btn-ghost[class~="2xl:text-black"],
.tcb-header .btn-txt[class~="2xl:text-black"],
.tcb-footer .btn-cta[class~="2xl:text-black"],
.tcb-footer .btn-ghost[class~="2xl:text-black"],
.tcb-footer .btn-txt[class~="2xl:text-black"],
.tcb-header-preview .btn-cta[class~="2xl:text-black"],
.tcb-header-preview .btn-ghost[class~="2xl:text-black"],
.tcb-header-preview .btn-txt[class~="2xl:text-black"],
.tcb-footer-preview .btn-cta[class~="2xl:text-black"],
.tcb-footer-preview .btn-ghost[class~="2xl:text-black"],
.tcb-footer-preview .btn-txt[class~="2xl:text-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:text-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:text-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:text-black"] {
    color: var(--tcb-color-black) !important;
  }
  .tcb-content .btn-cta[class~="2xl:text-stroke"],
.tcb-content .btn-ghost[class~="2xl:text-stroke"],
.tcb-content .btn-txt[class~="2xl:text-stroke"],
.tcb-header .btn-cta[class~="2xl:text-stroke"],
.tcb-header .btn-ghost[class~="2xl:text-stroke"],
.tcb-header .btn-txt[class~="2xl:text-stroke"],
.tcb-footer .btn-cta[class~="2xl:text-stroke"],
.tcb-footer .btn-ghost[class~="2xl:text-stroke"],
.tcb-footer .btn-txt[class~="2xl:text-stroke"],
.tcb-header-preview .btn-cta[class~="2xl:text-stroke"],
.tcb-header-preview .btn-ghost[class~="2xl:text-stroke"],
.tcb-header-preview .btn-txt[class~="2xl:text-stroke"],
.tcb-footer-preview .btn-cta[class~="2xl:text-stroke"],
.tcb-footer-preview .btn-ghost[class~="2xl:text-stroke"],
.tcb-footer-preview .btn-txt[class~="2xl:text-stroke"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:text-stroke"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:text-stroke"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:text-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:text-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:text-stroke"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:text-stroke"] {
    color: var(--tcb-color-stroke) !important;
  }
  .tcb-content .btn-cta[class~="2xl:text-title"],
.tcb-content .btn-ghost[class~="2xl:text-title"],
.tcb-content .btn-txt[class~="2xl:text-title"],
.tcb-header .btn-cta[class~="2xl:text-title"],
.tcb-header .btn-ghost[class~="2xl:text-title"],
.tcb-header .btn-txt[class~="2xl:text-title"],
.tcb-footer .btn-cta[class~="2xl:text-title"],
.tcb-footer .btn-ghost[class~="2xl:text-title"],
.tcb-footer .btn-txt[class~="2xl:text-title"],
.tcb-header-preview .btn-cta[class~="2xl:text-title"],
.tcb-header-preview .btn-ghost[class~="2xl:text-title"],
.tcb-header-preview .btn-txt[class~="2xl:text-title"],
.tcb-footer-preview .btn-cta[class~="2xl:text-title"],
.tcb-footer-preview .btn-ghost[class~="2xl:text-title"],
.tcb-footer-preview .btn-txt[class~="2xl:text-title"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:text-title"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:text-title"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:text-title"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:text-title"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:text-title"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:text-title"] {
    color: var(--tcb-color-title) !important;
  }
  .tcb-content .btn-cta[class~="2xl:text-light"],
.tcb-content .btn-ghost[class~="2xl:text-light"],
.tcb-content .btn-txt[class~="2xl:text-light"],
.tcb-header .btn-cta[class~="2xl:text-light"],
.tcb-header .btn-ghost[class~="2xl:text-light"],
.tcb-header .btn-txt[class~="2xl:text-light"],
.tcb-footer .btn-cta[class~="2xl:text-light"],
.tcb-footer .btn-ghost[class~="2xl:text-light"],
.tcb-footer .btn-txt[class~="2xl:text-light"],
.tcb-header-preview .btn-cta[class~="2xl:text-light"],
.tcb-header-preview .btn-ghost[class~="2xl:text-light"],
.tcb-header-preview .btn-txt[class~="2xl:text-light"],
.tcb-footer-preview .btn-cta[class~="2xl:text-light"],
.tcb-footer-preview .btn-ghost[class~="2xl:text-light"],
.tcb-footer-preview .btn-txt[class~="2xl:text-light"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:text-light"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:text-light"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:text-light"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:text-light"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:text-light"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:text-light"] {
    color: var(--tcb-color-light) !important;
  }
  .tcb-content .btn-cta[class~="2xl:text-dark"],
.tcb-content .btn-ghost[class~="2xl:text-dark"],
.tcb-content .btn-txt[class~="2xl:text-dark"],
.tcb-header .btn-cta[class~="2xl:text-dark"],
.tcb-header .btn-ghost[class~="2xl:text-dark"],
.tcb-header .btn-txt[class~="2xl:text-dark"],
.tcb-footer .btn-cta[class~="2xl:text-dark"],
.tcb-footer .btn-ghost[class~="2xl:text-dark"],
.tcb-footer .btn-txt[class~="2xl:text-dark"],
.tcb-header-preview .btn-cta[class~="2xl:text-dark"],
.tcb-header-preview .btn-ghost[class~="2xl:text-dark"],
.tcb-header-preview .btn-txt[class~="2xl:text-dark"],
.tcb-footer-preview .btn-cta[class~="2xl:text-dark"],
.tcb-footer-preview .btn-ghost[class~="2xl:text-dark"],
.tcb-footer-preview .btn-txt[class~="2xl:text-dark"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:text-dark"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:text-dark"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:text-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:text-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:text-dark"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:text-dark"] {
    color: var(--tcb-color-dark) !important;
  }
}

.tcb-content .btn-cta.text-black,
.tcb-content .btn-ghost.text-black,
.tcb-content .btn-txt.text-black,
.tcb-header .btn-cta.text-black,
.tcb-header .btn-ghost.text-black,
.tcb-header .btn-txt.text-black,
.tcb-footer .btn-cta.text-black,
.tcb-footer .btn-ghost.text-black,
.tcb-footer .btn-txt.text-black,
.tcb-header-preview .btn-cta.text-black,
.tcb-header-preview .btn-ghost.text-black,
.tcb-header-preview .btn-txt.text-black,
.tcb-footer-preview .btn-cta.text-black,
.tcb-footer-preview .btn-ghost.text-black,
.tcb-footer-preview .btn-txt.text-black,
#tcb-builder-root .tcb-content .btn-cta.text-black,
#tcb-builder-root .tcb-content .btn-ghost.text-black,
#tcb-builder-root .tcb-content .btn-txt.text-black,
#tcb-builder-root .tcb-canvas-inner .btn-cta.text-black,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.text-black,
#tcb-builder-root .tcb-canvas-inner .btn-txt.text-black {
  color: #000000 !important;
}

.tcb-content .btn-cta.text-white,
.tcb-content .btn-ghost.text-white,
.tcb-content .btn-txt.text-white,
.tcb-header .btn-cta.text-white,
.tcb-header .btn-ghost.text-white,
.tcb-header .btn-txt.text-white,
.tcb-footer .btn-cta.text-white,
.tcb-footer .btn-ghost.text-white,
.tcb-footer .btn-txt.text-white,
.tcb-header-preview .btn-cta.text-white,
.tcb-header-preview .btn-ghost.text-white,
.tcb-header-preview .btn-txt.text-white,
.tcb-footer-preview .btn-cta.text-white,
.tcb-footer-preview .btn-ghost.text-white,
.tcb-footer-preview .btn-txt.text-white,
#tcb-builder-root .tcb-content .btn-cta.text-white,
#tcb-builder-root .tcb-content .btn-ghost.text-white,
#tcb-builder-root .tcb-content .btn-txt.text-white,
#tcb-builder-root .tcb-canvas-inner .btn-cta.text-white,
#tcb-builder-root .tcb-canvas-inner .btn-ghost.text-white,
#tcb-builder-root .tcb-canvas-inner .btn-txt.text-white {
  color: #ffffff !important;
}

@media (min-width: 640px) {
  .tcb-content .btn-cta[class~="sm:text-black"],
.tcb-content .btn-ghost[class~="sm:text-black"],
.tcb-content .btn-txt[class~="sm:text-black"],
.tcb-header .btn-cta[class~="sm:text-black"],
.tcb-header .btn-ghost[class~="sm:text-black"],
.tcb-header .btn-txt[class~="sm:text-black"],
.tcb-footer .btn-cta[class~="sm:text-black"],
.tcb-footer .btn-ghost[class~="sm:text-black"],
.tcb-footer .btn-txt[class~="sm:text-black"],
.tcb-header-preview .btn-cta[class~="sm:text-black"],
.tcb-header-preview .btn-ghost[class~="sm:text-black"],
.tcb-header-preview .btn-txt[class~="sm:text-black"],
.tcb-footer-preview .btn-cta[class~="sm:text-black"],
.tcb-footer-preview .btn-ghost[class~="sm:text-black"],
.tcb-footer-preview .btn-txt[class~="sm:text-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:text-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:text-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:text-black"] {
    color: #000000 !important;
  }
  .tcb-content .btn-cta[class~="sm:text-white"],
.tcb-content .btn-ghost[class~="sm:text-white"],
.tcb-content .btn-txt[class~="sm:text-white"],
.tcb-header .btn-cta[class~="sm:text-white"],
.tcb-header .btn-ghost[class~="sm:text-white"],
.tcb-header .btn-txt[class~="sm:text-white"],
.tcb-footer .btn-cta[class~="sm:text-white"],
.tcb-footer .btn-ghost[class~="sm:text-white"],
.tcb-footer .btn-txt[class~="sm:text-white"],
.tcb-header-preview .btn-cta[class~="sm:text-white"],
.tcb-header-preview .btn-ghost[class~="sm:text-white"],
.tcb-header-preview .btn-txt[class~="sm:text-white"],
.tcb-footer-preview .btn-cta[class~="sm:text-white"],
.tcb-footer-preview .btn-ghost[class~="sm:text-white"],
.tcb-footer-preview .btn-txt[class~="sm:text-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="sm:text-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="sm:text-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="sm:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="sm:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="sm:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="sm:text-white"] {
    color: #ffffff !important;
  }
}

@media (min-width: 768px) {
  .tcb-content .btn-cta[class~="md:text-black"],
.tcb-content .btn-ghost[class~="md:text-black"],
.tcb-content .btn-txt[class~="md:text-black"],
.tcb-header .btn-cta[class~="md:text-black"],
.tcb-header .btn-ghost[class~="md:text-black"],
.tcb-header .btn-txt[class~="md:text-black"],
.tcb-footer .btn-cta[class~="md:text-black"],
.tcb-footer .btn-ghost[class~="md:text-black"],
.tcb-footer .btn-txt[class~="md:text-black"],
.tcb-header-preview .btn-cta[class~="md:text-black"],
.tcb-header-preview .btn-ghost[class~="md:text-black"],
.tcb-header-preview .btn-txt[class~="md:text-black"],
.tcb-footer-preview .btn-cta[class~="md:text-black"],
.tcb-footer-preview .btn-ghost[class~="md:text-black"],
.tcb-footer-preview .btn-txt[class~="md:text-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:text-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:text-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:text-black"] {
    color: #000000 !important;
  }
  .tcb-content .btn-cta[class~="md:text-white"],
.tcb-content .btn-ghost[class~="md:text-white"],
.tcb-content .btn-txt[class~="md:text-white"],
.tcb-header .btn-cta[class~="md:text-white"],
.tcb-header .btn-ghost[class~="md:text-white"],
.tcb-header .btn-txt[class~="md:text-white"],
.tcb-footer .btn-cta[class~="md:text-white"],
.tcb-footer .btn-ghost[class~="md:text-white"],
.tcb-footer .btn-txt[class~="md:text-white"],
.tcb-header-preview .btn-cta[class~="md:text-white"],
.tcb-header-preview .btn-ghost[class~="md:text-white"],
.tcb-header-preview .btn-txt[class~="md:text-white"],
.tcb-footer-preview .btn-cta[class~="md:text-white"],
.tcb-footer-preview .btn-ghost[class~="md:text-white"],
.tcb-footer-preview .btn-txt[class~="md:text-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="md:text-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="md:text-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="md:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="md:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="md:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="md:text-white"] {
    color: #ffffff !important;
  }
}

@media (min-width: 1024px) {
  .tcb-content .btn-cta[class~="lg:text-black"],
.tcb-content .btn-ghost[class~="lg:text-black"],
.tcb-content .btn-txt[class~="lg:text-black"],
.tcb-header .btn-cta[class~="lg:text-black"],
.tcb-header .btn-ghost[class~="lg:text-black"],
.tcb-header .btn-txt[class~="lg:text-black"],
.tcb-footer .btn-cta[class~="lg:text-black"],
.tcb-footer .btn-ghost[class~="lg:text-black"],
.tcb-footer .btn-txt[class~="lg:text-black"],
.tcb-header-preview .btn-cta[class~="lg:text-black"],
.tcb-header-preview .btn-ghost[class~="lg:text-black"],
.tcb-header-preview .btn-txt[class~="lg:text-black"],
.tcb-footer-preview .btn-cta[class~="lg:text-black"],
.tcb-footer-preview .btn-ghost[class~="lg:text-black"],
.tcb-footer-preview .btn-txt[class~="lg:text-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:text-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:text-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:text-black"] {
    color: #000000 !important;
  }
  .tcb-content .btn-cta[class~="lg:text-white"],
.tcb-content .btn-ghost[class~="lg:text-white"],
.tcb-content .btn-txt[class~="lg:text-white"],
.tcb-header .btn-cta[class~="lg:text-white"],
.tcb-header .btn-ghost[class~="lg:text-white"],
.tcb-header .btn-txt[class~="lg:text-white"],
.tcb-footer .btn-cta[class~="lg:text-white"],
.tcb-footer .btn-ghost[class~="lg:text-white"],
.tcb-footer .btn-txt[class~="lg:text-white"],
.tcb-header-preview .btn-cta[class~="lg:text-white"],
.tcb-header-preview .btn-ghost[class~="lg:text-white"],
.tcb-header-preview .btn-txt[class~="lg:text-white"],
.tcb-footer-preview .btn-cta[class~="lg:text-white"],
.tcb-footer-preview .btn-ghost[class~="lg:text-white"],
.tcb-footer-preview .btn-txt[class~="lg:text-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="lg:text-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="lg:text-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="lg:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="lg:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="lg:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="lg:text-white"] {
    color: #ffffff !important;
  }
}

@media (min-width: 1280px) {
  .tcb-content .btn-cta[class~="xl:text-black"],
.tcb-content .btn-ghost[class~="xl:text-black"],
.tcb-content .btn-txt[class~="xl:text-black"],
.tcb-header .btn-cta[class~="xl:text-black"],
.tcb-header .btn-ghost[class~="xl:text-black"],
.tcb-header .btn-txt[class~="xl:text-black"],
.tcb-footer .btn-cta[class~="xl:text-black"],
.tcb-footer .btn-ghost[class~="xl:text-black"],
.tcb-footer .btn-txt[class~="xl:text-black"],
.tcb-header-preview .btn-cta[class~="xl:text-black"],
.tcb-header-preview .btn-ghost[class~="xl:text-black"],
.tcb-header-preview .btn-txt[class~="xl:text-black"],
.tcb-footer-preview .btn-cta[class~="xl:text-black"],
.tcb-footer-preview .btn-ghost[class~="xl:text-black"],
.tcb-footer-preview .btn-txt[class~="xl:text-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:text-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:text-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:text-black"] {
    color: #000000 !important;
  }
  .tcb-content .btn-cta[class~="xl:text-white"],
.tcb-content .btn-ghost[class~="xl:text-white"],
.tcb-content .btn-txt[class~="xl:text-white"],
.tcb-header .btn-cta[class~="xl:text-white"],
.tcb-header .btn-ghost[class~="xl:text-white"],
.tcb-header .btn-txt[class~="xl:text-white"],
.tcb-footer .btn-cta[class~="xl:text-white"],
.tcb-footer .btn-ghost[class~="xl:text-white"],
.tcb-footer .btn-txt[class~="xl:text-white"],
.tcb-header-preview .btn-cta[class~="xl:text-white"],
.tcb-header-preview .btn-ghost[class~="xl:text-white"],
.tcb-header-preview .btn-txt[class~="xl:text-white"],
.tcb-footer-preview .btn-cta[class~="xl:text-white"],
.tcb-footer-preview .btn-ghost[class~="xl:text-white"],
.tcb-footer-preview .btn-txt[class~="xl:text-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="xl:text-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="xl:text-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="xl:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="xl:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="xl:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="xl:text-white"] {
    color: #ffffff !important;
  }
}

@media (min-width: 1536px) {
  .tcb-content .btn-cta[class~="2xl:text-black"],
.tcb-content .btn-ghost[class~="2xl:text-black"],
.tcb-content .btn-txt[class~="2xl:text-black"],
.tcb-header .btn-cta[class~="2xl:text-black"],
.tcb-header .btn-ghost[class~="2xl:text-black"],
.tcb-header .btn-txt[class~="2xl:text-black"],
.tcb-footer .btn-cta[class~="2xl:text-black"],
.tcb-footer .btn-ghost[class~="2xl:text-black"],
.tcb-footer .btn-txt[class~="2xl:text-black"],
.tcb-header-preview .btn-cta[class~="2xl:text-black"],
.tcb-header-preview .btn-ghost[class~="2xl:text-black"],
.tcb-header-preview .btn-txt[class~="2xl:text-black"],
.tcb-footer-preview .btn-cta[class~="2xl:text-black"],
.tcb-footer-preview .btn-ghost[class~="2xl:text-black"],
.tcb-footer-preview .btn-txt[class~="2xl:text-black"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:text-black"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:text-black"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:text-black"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:text-black"] {
    color: #000000 !important;
  }
  .tcb-content .btn-cta[class~="2xl:text-white"],
.tcb-content .btn-ghost[class~="2xl:text-white"],
.tcb-content .btn-txt[class~="2xl:text-white"],
.tcb-header .btn-cta[class~="2xl:text-white"],
.tcb-header .btn-ghost[class~="2xl:text-white"],
.tcb-header .btn-txt[class~="2xl:text-white"],
.tcb-footer .btn-cta[class~="2xl:text-white"],
.tcb-footer .btn-ghost[class~="2xl:text-white"],
.tcb-footer .btn-txt[class~="2xl:text-white"],
.tcb-header-preview .btn-cta[class~="2xl:text-white"],
.tcb-header-preview .btn-ghost[class~="2xl:text-white"],
.tcb-header-preview .btn-txt[class~="2xl:text-white"],
.tcb-footer-preview .btn-cta[class~="2xl:text-white"],
.tcb-footer-preview .btn-ghost[class~="2xl:text-white"],
.tcb-footer-preview .btn-txt[class~="2xl:text-white"],
#tcb-builder-root .tcb-content .btn-cta[class~="2xl:text-white"],
#tcb-builder-root .tcb-content .btn-ghost[class~="2xl:text-white"],
#tcb-builder-root .tcb-content .btn-txt[class~="2xl:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-cta[class~="2xl:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class~="2xl:text-white"],
#tcb-builder-root .tcb-canvas-inner .btn-txt[class~="2xl:text-white"] {
    color: #ffffff !important;
  }
}


/* Button Hover Background Color Overrides */
/* Allows hover:bg-{colorName} classes to override theme button hover backgrounds */

.tcb-content .btn-cta[class*="hover:bg-primary"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-primary"]:hover,
.tcb-content .btn-txt[class*="hover:bg-primary"]:hover,
.tcb-header .btn-cta[class*="hover:bg-primary"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-primary"]:hover,
.tcb-header .btn-txt[class*="hover:bg-primary"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-primary"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-primary"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-primary"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-primary"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-primary"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-primary"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-primary"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-primary"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-primary"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-primary"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-primary"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-primary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-primary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-primary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-primary"]:hover {
  background-color: var(--tcb-color-primary) !important;
}

.tcb-content .btn-cta[class*="hover:bg-secondary"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-secondary"]:hover,
.tcb-content .btn-txt[class*="hover:bg-secondary"]:hover,
.tcb-header .btn-cta[class*="hover:bg-secondary"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-secondary"]:hover,
.tcb-header .btn-txt[class*="hover:bg-secondary"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-secondary"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-secondary"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-secondary"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-secondary"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-secondary"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-secondary"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-secondary"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-secondary"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-secondary"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-secondary"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-secondary"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-secondary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-secondary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-secondary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-secondary"]:hover {
  background-color: var(--tcb-color-secondary) !important;
}

.tcb-content .btn-cta[class*="hover:bg-tertiary"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-tertiary"]:hover,
.tcb-content .btn-txt[class*="hover:bg-tertiary"]:hover,
.tcb-header .btn-cta[class*="hover:bg-tertiary"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-tertiary"]:hover,
.tcb-header .btn-txt[class*="hover:bg-tertiary"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-tertiary"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-tertiary"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-tertiary"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-tertiary"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-tertiary"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-tertiary"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-tertiary"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-tertiary"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-tertiary"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-tertiary"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-tertiary"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-tertiary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-tertiary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-tertiary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-tertiary"]:hover {
  background-color: var(--tcb-color-tertiary) !important;
}

.tcb-content .btn-cta[class*="hover:bg-error"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-error"]:hover,
.tcb-content .btn-txt[class*="hover:bg-error"]:hover,
.tcb-header .btn-cta[class*="hover:bg-error"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-error"]:hover,
.tcb-header .btn-txt[class*="hover:bg-error"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-error"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-error"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-error"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-error"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-error"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-error"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-error"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-error"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-error"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-error"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-error"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-error"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-error"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-error"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-error"]:hover {
  background-color: var(--tcb-color-error) !important;
}

.tcb-content .btn-cta[class*="hover:bg-alert"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-alert"]:hover,
.tcb-content .btn-txt[class*="hover:bg-alert"]:hover,
.tcb-header .btn-cta[class*="hover:bg-alert"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-alert"]:hover,
.tcb-header .btn-txt[class*="hover:bg-alert"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-alert"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-alert"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-alert"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-alert"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-alert"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-alert"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-alert"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-alert"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-alert"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-alert"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-alert"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-alert"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-alert"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-alert"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-alert"]:hover {
  background-color: var(--tcb-color-alert) !important;
}

.tcb-content .btn-cta[class*="hover:bg-success"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-success"]:hover,
.tcb-content .btn-txt[class*="hover:bg-success"]:hover,
.tcb-header .btn-cta[class*="hover:bg-success"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-success"]:hover,
.tcb-header .btn-txt[class*="hover:bg-success"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-success"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-success"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-success"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-success"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-success"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-success"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-success"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-success"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-success"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-success"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-success"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-success"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-success"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-success"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-success"]:hover {
  background-color: var(--tcb-color-success) !important;
}

.tcb-content .btn-cta[class*="hover:bg-paragraph"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-paragraph"]:hover,
.tcb-content .btn-txt[class*="hover:bg-paragraph"]:hover,
.tcb-header .btn-cta[class*="hover:bg-paragraph"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-paragraph"]:hover,
.tcb-header .btn-txt[class*="hover:bg-paragraph"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-paragraph"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-paragraph"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-paragraph"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-paragraph"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-paragraph"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-paragraph"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-paragraph"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-paragraph"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-paragraph"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-paragraph"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-paragraph"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-paragraph"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-paragraph"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-paragraph"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-paragraph"]:hover {
  background-color: var(--tcb-color-paragraph) !important;
}

.tcb-content .btn-cta[class*="hover:bg-white"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-white"]:hover,
.tcb-content .btn-txt[class*="hover:bg-white"]:hover,
.tcb-header .btn-cta[class*="hover:bg-white"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-white"]:hover,
.tcb-header .btn-txt[class*="hover:bg-white"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-white"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-white"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-white"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-white"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-white"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-white"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-white"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-white"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-white"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-white"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-white"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-white"]:hover {
  background-color: var(--tcb-color-white) !important;
}

.tcb-content .btn-cta[class*="hover:bg-black"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-black"]:hover,
.tcb-content .btn-txt[class*="hover:bg-black"]:hover,
.tcb-header .btn-cta[class*="hover:bg-black"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-black"]:hover,
.tcb-header .btn-txt[class*="hover:bg-black"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-black"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-black"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-black"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-black"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-black"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-black"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-black"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-black"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-black"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-black"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-black"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-black"]:hover {
  background-color: var(--tcb-color-black) !important;
}

.tcb-content .btn-cta[class*="hover:bg-stroke"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-stroke"]:hover,
.tcb-content .btn-txt[class*="hover:bg-stroke"]:hover,
.tcb-header .btn-cta[class*="hover:bg-stroke"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-stroke"]:hover,
.tcb-header .btn-txt[class*="hover:bg-stroke"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-stroke"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-stroke"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-stroke"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-stroke"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-stroke"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-stroke"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-stroke"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-stroke"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-stroke"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-stroke"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-stroke"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-stroke"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-stroke"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-stroke"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-stroke"]:hover {
  background-color: var(--tcb-color-stroke) !important;
}

.tcb-content .btn-cta[class*="hover:bg-title"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-title"]:hover,
.tcb-content .btn-txt[class*="hover:bg-title"]:hover,
.tcb-header .btn-cta[class*="hover:bg-title"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-title"]:hover,
.tcb-header .btn-txt[class*="hover:bg-title"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-title"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-title"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-title"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-title"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-title"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-title"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-title"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-title"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-title"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-title"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-title"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-title"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-title"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-title"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-title"]:hover {
  background-color: var(--tcb-color-title) !important;
}

.tcb-content .btn-cta[class*="hover:bg-light"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-light"]:hover,
.tcb-content .btn-txt[class*="hover:bg-light"]:hover,
.tcb-header .btn-cta[class*="hover:bg-light"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-light"]:hover,
.tcb-header .btn-txt[class*="hover:bg-light"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-light"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-light"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-light"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-light"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-light"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-light"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-light"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-light"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-light"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-light"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-light"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-light"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-light"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-light"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-light"]:hover {
  background-color: var(--tcb-color-light) !important;
}

.tcb-content .btn-cta[class*="hover:bg-dark"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-dark"]:hover,
.tcb-content .btn-txt[class*="hover:bg-dark"]:hover,
.tcb-header .btn-cta[class*="hover:bg-dark"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-dark"]:hover,
.tcb-header .btn-txt[class*="hover:bg-dark"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-dark"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-dark"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-dark"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-dark"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-dark"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-dark"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-dark"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-dark"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-dark"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-dark"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-dark"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-dark"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-dark"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-dark"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-dark"]:hover {
  background-color: var(--tcb-color-dark) !important;
}

.tcb-content .btn-cta[class*="hover:bg-black"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-black"]:hover,
.tcb-content .btn-txt[class*="hover:bg-black"]:hover,
.tcb-header .btn-cta[class*="hover:bg-black"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-black"]:hover,
.tcb-header .btn-txt[class*="hover:bg-black"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-black"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-black"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-black"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-black"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-black"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-black"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-black"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-black"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-black"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-black"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-black"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-black"]:hover {
  background-color: #000000 !important;
}

.tcb-content .btn-cta[class*="hover:bg-white"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-white"]:hover,
.tcb-content .btn-txt[class*="hover:bg-white"]:hover,
.tcb-header .btn-cta[class*="hover:bg-white"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-white"]:hover,
.tcb-header .btn-txt[class*="hover:bg-white"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-white"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-white"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-white"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-white"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-white"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-white"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-white"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-white"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-white"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-white"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-white"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-white"]:hover {
  background-color: #ffffff !important;
}

.tcb-content .btn-cta[class*="hover:bg-transparent"]:hover,
.tcb-content .btn-ghost[class*="hover:bg-transparent"]:hover,
.tcb-content .btn-txt[class*="hover:bg-transparent"]:hover,
.tcb-header .btn-cta[class*="hover:bg-transparent"]:hover,
.tcb-header .btn-ghost[class*="hover:bg-transparent"]:hover,
.tcb-header .btn-txt[class*="hover:bg-transparent"]:hover,
.tcb-footer .btn-cta[class*="hover:bg-transparent"]:hover,
.tcb-footer .btn-ghost[class*="hover:bg-transparent"]:hover,
.tcb-footer .btn-txt[class*="hover:bg-transparent"]:hover,
.tcb-header-preview .btn-cta[class*="hover:bg-transparent"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:bg-transparent"]:hover,
.tcb-header-preview .btn-txt[class*="hover:bg-transparent"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:bg-transparent"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:bg-transparent"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:bg-transparent"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:bg-transparent"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:bg-transparent"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:bg-transparent"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:bg-transparent"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:bg-transparent"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:bg-transparent"]:hover {
  background-color: transparent !important;
}


/* Button Hover Text Color Overrides */
/* Allows hover:text-{colorName} classes to override theme button hover text colors */

.tcb-content .btn-cta[class*="hover:text-primary"]:hover,
.tcb-content .btn-ghost[class*="hover:text-primary"]:hover,
.tcb-content .btn-txt[class*="hover:text-primary"]:hover,
.tcb-header .btn-cta[class*="hover:text-primary"]:hover,
.tcb-header .btn-ghost[class*="hover:text-primary"]:hover,
.tcb-header .btn-txt[class*="hover:text-primary"]:hover,
.tcb-footer .btn-cta[class*="hover:text-primary"]:hover,
.tcb-footer .btn-ghost[class*="hover:text-primary"]:hover,
.tcb-footer .btn-txt[class*="hover:text-primary"]:hover,
.tcb-header-preview .btn-cta[class*="hover:text-primary"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:text-primary"]:hover,
.tcb-header-preview .btn-txt[class*="hover:text-primary"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:text-primary"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:text-primary"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:text-primary"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:text-primary"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:text-primary"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:text-primary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:text-primary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:text-primary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:text-primary"]:hover {
  color: var(--tcb-color-primary) !important;
}

.tcb-content .btn-cta[class*="hover:text-secondary"]:hover,
.tcb-content .btn-ghost[class*="hover:text-secondary"]:hover,
.tcb-content .btn-txt[class*="hover:text-secondary"]:hover,
.tcb-header .btn-cta[class*="hover:text-secondary"]:hover,
.tcb-header .btn-ghost[class*="hover:text-secondary"]:hover,
.tcb-header .btn-txt[class*="hover:text-secondary"]:hover,
.tcb-footer .btn-cta[class*="hover:text-secondary"]:hover,
.tcb-footer .btn-ghost[class*="hover:text-secondary"]:hover,
.tcb-footer .btn-txt[class*="hover:text-secondary"]:hover,
.tcb-header-preview .btn-cta[class*="hover:text-secondary"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:text-secondary"]:hover,
.tcb-header-preview .btn-txt[class*="hover:text-secondary"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:text-secondary"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:text-secondary"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:text-secondary"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:text-secondary"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:text-secondary"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:text-secondary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:text-secondary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:text-secondary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:text-secondary"]:hover {
  color: var(--tcb-color-secondary) !important;
}

.tcb-content .btn-cta[class*="hover:text-tertiary"]:hover,
.tcb-content .btn-ghost[class*="hover:text-tertiary"]:hover,
.tcb-content .btn-txt[class*="hover:text-tertiary"]:hover,
.tcb-header .btn-cta[class*="hover:text-tertiary"]:hover,
.tcb-header .btn-ghost[class*="hover:text-tertiary"]:hover,
.tcb-header .btn-txt[class*="hover:text-tertiary"]:hover,
.tcb-footer .btn-cta[class*="hover:text-tertiary"]:hover,
.tcb-footer .btn-ghost[class*="hover:text-tertiary"]:hover,
.tcb-footer .btn-txt[class*="hover:text-tertiary"]:hover,
.tcb-header-preview .btn-cta[class*="hover:text-tertiary"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:text-tertiary"]:hover,
.tcb-header-preview .btn-txt[class*="hover:text-tertiary"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:text-tertiary"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:text-tertiary"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:text-tertiary"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:text-tertiary"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:text-tertiary"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:text-tertiary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:text-tertiary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:text-tertiary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:text-tertiary"]:hover {
  color: var(--tcb-color-tertiary) !important;
}

.tcb-content .btn-cta[class*="hover:text-error"]:hover,
.tcb-content .btn-ghost[class*="hover:text-error"]:hover,
.tcb-content .btn-txt[class*="hover:text-error"]:hover,
.tcb-header .btn-cta[class*="hover:text-error"]:hover,
.tcb-header .btn-ghost[class*="hover:text-error"]:hover,
.tcb-header .btn-txt[class*="hover:text-error"]:hover,
.tcb-footer .btn-cta[class*="hover:text-error"]:hover,
.tcb-footer .btn-ghost[class*="hover:text-error"]:hover,
.tcb-footer .btn-txt[class*="hover:text-error"]:hover,
.tcb-header-preview .btn-cta[class*="hover:text-error"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:text-error"]:hover,
.tcb-header-preview .btn-txt[class*="hover:text-error"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:text-error"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:text-error"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:text-error"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:text-error"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:text-error"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:text-error"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:text-error"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:text-error"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:text-error"]:hover {
  color: var(--tcb-color-error) !important;
}

.tcb-content .btn-cta[class*="hover:text-alert"]:hover,
.tcb-content .btn-ghost[class*="hover:text-alert"]:hover,
.tcb-content .btn-txt[class*="hover:text-alert"]:hover,
.tcb-header .btn-cta[class*="hover:text-alert"]:hover,
.tcb-header .btn-ghost[class*="hover:text-alert"]:hover,
.tcb-header .btn-txt[class*="hover:text-alert"]:hover,
.tcb-footer .btn-cta[class*="hover:text-alert"]:hover,
.tcb-footer .btn-ghost[class*="hover:text-alert"]:hover,
.tcb-footer .btn-txt[class*="hover:text-alert"]:hover,
.tcb-header-preview .btn-cta[class*="hover:text-alert"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:text-alert"]:hover,
.tcb-header-preview .btn-txt[class*="hover:text-alert"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:text-alert"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:text-alert"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:text-alert"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:text-alert"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:text-alert"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:text-alert"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:text-alert"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:text-alert"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:text-alert"]:hover {
  color: var(--tcb-color-alert) !important;
}

.tcb-content .btn-cta[class*="hover:text-success"]:hover,
.tcb-content .btn-ghost[class*="hover:text-success"]:hover,
.tcb-content .btn-txt[class*="hover:text-success"]:hover,
.tcb-header .btn-cta[class*="hover:text-success"]:hover,
.tcb-header .btn-ghost[class*="hover:text-success"]:hover,
.tcb-header .btn-txt[class*="hover:text-success"]:hover,
.tcb-footer .btn-cta[class*="hover:text-success"]:hover,
.tcb-footer .btn-ghost[class*="hover:text-success"]:hover,
.tcb-footer .btn-txt[class*="hover:text-success"]:hover,
.tcb-header-preview .btn-cta[class*="hover:text-success"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:text-success"]:hover,
.tcb-header-preview .btn-txt[class*="hover:text-success"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:text-success"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:text-success"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:text-success"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:text-success"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:text-success"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:text-success"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:text-success"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:text-success"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:text-success"]:hover {
  color: var(--tcb-color-success) !important;
}

.tcb-content .btn-cta[class*="hover:text-paragraph"]:hover,
.tcb-content .btn-ghost[class*="hover:text-paragraph"]:hover,
.tcb-content .btn-txt[class*="hover:text-paragraph"]:hover,
.tcb-header .btn-cta[class*="hover:text-paragraph"]:hover,
.tcb-header .btn-ghost[class*="hover:text-paragraph"]:hover,
.tcb-header .btn-txt[class*="hover:text-paragraph"]:hover,
.tcb-footer .btn-cta[class*="hover:text-paragraph"]:hover,
.tcb-footer .btn-ghost[class*="hover:text-paragraph"]:hover,
.tcb-footer .btn-txt[class*="hover:text-paragraph"]:hover,
.tcb-header-preview .btn-cta[class*="hover:text-paragraph"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:text-paragraph"]:hover,
.tcb-header-preview .btn-txt[class*="hover:text-paragraph"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:text-paragraph"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:text-paragraph"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:text-paragraph"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:text-paragraph"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:text-paragraph"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:text-paragraph"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:text-paragraph"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:text-paragraph"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:text-paragraph"]:hover {
  color: var(--tcb-color-paragraph) !important;
}

.tcb-content .btn-cta[class*="hover:text-white"]:hover,
.tcb-content .btn-ghost[class*="hover:text-white"]:hover,
.tcb-content .btn-txt[class*="hover:text-white"]:hover,
.tcb-header .btn-cta[class*="hover:text-white"]:hover,
.tcb-header .btn-ghost[class*="hover:text-white"]:hover,
.tcb-header .btn-txt[class*="hover:text-white"]:hover,
.tcb-footer .btn-cta[class*="hover:text-white"]:hover,
.tcb-footer .btn-ghost[class*="hover:text-white"]:hover,
.tcb-footer .btn-txt[class*="hover:text-white"]:hover,
.tcb-header-preview .btn-cta[class*="hover:text-white"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:text-white"]:hover,
.tcb-header-preview .btn-txt[class*="hover:text-white"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:text-white"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:text-white"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:text-white"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:text-white"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:text-white"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:text-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:text-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:text-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:text-white"]:hover {
  color: var(--tcb-color-white) !important;
}

.tcb-content .btn-cta[class*="hover:text-black"]:hover,
.tcb-content .btn-ghost[class*="hover:text-black"]:hover,
.tcb-content .btn-txt[class*="hover:text-black"]:hover,
.tcb-header .btn-cta[class*="hover:text-black"]:hover,
.tcb-header .btn-ghost[class*="hover:text-black"]:hover,
.tcb-header .btn-txt[class*="hover:text-black"]:hover,
.tcb-footer .btn-cta[class*="hover:text-black"]:hover,
.tcb-footer .btn-ghost[class*="hover:text-black"]:hover,
.tcb-footer .btn-txt[class*="hover:text-black"]:hover,
.tcb-header-preview .btn-cta[class*="hover:text-black"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:text-black"]:hover,
.tcb-header-preview .btn-txt[class*="hover:text-black"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:text-black"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:text-black"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:text-black"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:text-black"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:text-black"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:text-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:text-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:text-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:text-black"]:hover {
  color: var(--tcb-color-black) !important;
}

.tcb-content .btn-cta[class*="hover:text-stroke"]:hover,
.tcb-content .btn-ghost[class*="hover:text-stroke"]:hover,
.tcb-content .btn-txt[class*="hover:text-stroke"]:hover,
.tcb-header .btn-cta[class*="hover:text-stroke"]:hover,
.tcb-header .btn-ghost[class*="hover:text-stroke"]:hover,
.tcb-header .btn-txt[class*="hover:text-stroke"]:hover,
.tcb-footer .btn-cta[class*="hover:text-stroke"]:hover,
.tcb-footer .btn-ghost[class*="hover:text-stroke"]:hover,
.tcb-footer .btn-txt[class*="hover:text-stroke"]:hover,
.tcb-header-preview .btn-cta[class*="hover:text-stroke"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:text-stroke"]:hover,
.tcb-header-preview .btn-txt[class*="hover:text-stroke"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:text-stroke"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:text-stroke"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:text-stroke"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:text-stroke"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:text-stroke"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:text-stroke"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:text-stroke"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:text-stroke"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:text-stroke"]:hover {
  color: var(--tcb-color-stroke) !important;
}

.tcb-content .btn-cta[class*="hover:text-title"]:hover,
.tcb-content .btn-ghost[class*="hover:text-title"]:hover,
.tcb-content .btn-txt[class*="hover:text-title"]:hover,
.tcb-header .btn-cta[class*="hover:text-title"]:hover,
.tcb-header .btn-ghost[class*="hover:text-title"]:hover,
.tcb-header .btn-txt[class*="hover:text-title"]:hover,
.tcb-footer .btn-cta[class*="hover:text-title"]:hover,
.tcb-footer .btn-ghost[class*="hover:text-title"]:hover,
.tcb-footer .btn-txt[class*="hover:text-title"]:hover,
.tcb-header-preview .btn-cta[class*="hover:text-title"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:text-title"]:hover,
.tcb-header-preview .btn-txt[class*="hover:text-title"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:text-title"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:text-title"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:text-title"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:text-title"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:text-title"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:text-title"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:text-title"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:text-title"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:text-title"]:hover {
  color: var(--tcb-color-title) !important;
}

.tcb-content .btn-cta[class*="hover:text-light"]:hover,
.tcb-content .btn-ghost[class*="hover:text-light"]:hover,
.tcb-content .btn-txt[class*="hover:text-light"]:hover,
.tcb-header .btn-cta[class*="hover:text-light"]:hover,
.tcb-header .btn-ghost[class*="hover:text-light"]:hover,
.tcb-header .btn-txt[class*="hover:text-light"]:hover,
.tcb-footer .btn-cta[class*="hover:text-light"]:hover,
.tcb-footer .btn-ghost[class*="hover:text-light"]:hover,
.tcb-footer .btn-txt[class*="hover:text-light"]:hover,
.tcb-header-preview .btn-cta[class*="hover:text-light"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:text-light"]:hover,
.tcb-header-preview .btn-txt[class*="hover:text-light"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:text-light"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:text-light"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:text-light"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:text-light"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:text-light"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:text-light"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:text-light"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:text-light"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:text-light"]:hover {
  color: var(--tcb-color-light) !important;
}

.tcb-content .btn-cta[class*="hover:text-dark"]:hover,
.tcb-content .btn-ghost[class*="hover:text-dark"]:hover,
.tcb-content .btn-txt[class*="hover:text-dark"]:hover,
.tcb-header .btn-cta[class*="hover:text-dark"]:hover,
.tcb-header .btn-ghost[class*="hover:text-dark"]:hover,
.tcb-header .btn-txt[class*="hover:text-dark"]:hover,
.tcb-footer .btn-cta[class*="hover:text-dark"]:hover,
.tcb-footer .btn-ghost[class*="hover:text-dark"]:hover,
.tcb-footer .btn-txt[class*="hover:text-dark"]:hover,
.tcb-header-preview .btn-cta[class*="hover:text-dark"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:text-dark"]:hover,
.tcb-header-preview .btn-txt[class*="hover:text-dark"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:text-dark"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:text-dark"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:text-dark"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:text-dark"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:text-dark"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:text-dark"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:text-dark"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:text-dark"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:text-dark"]:hover {
  color: var(--tcb-color-dark) !important;
}

.tcb-content .btn-cta[class*="hover:text-black"]:hover,
.tcb-content .btn-ghost[class*="hover:text-black"]:hover,
.tcb-content .btn-txt[class*="hover:text-black"]:hover,
.tcb-header .btn-cta[class*="hover:text-black"]:hover,
.tcb-header .btn-ghost[class*="hover:text-black"]:hover,
.tcb-header .btn-txt[class*="hover:text-black"]:hover,
.tcb-footer .btn-cta[class*="hover:text-black"]:hover,
.tcb-footer .btn-ghost[class*="hover:text-black"]:hover,
.tcb-footer .btn-txt[class*="hover:text-black"]:hover,
.tcb-header-preview .btn-cta[class*="hover:text-black"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:text-black"]:hover,
.tcb-header-preview .btn-txt[class*="hover:text-black"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:text-black"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:text-black"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:text-black"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:text-black"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:text-black"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:text-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:text-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:text-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:text-black"]:hover {
  color: #000000 !important;
}

.tcb-content .btn-cta[class*="hover:text-white"]:hover,
.tcb-content .btn-ghost[class*="hover:text-white"]:hover,
.tcb-content .btn-txt[class*="hover:text-white"]:hover,
.tcb-header .btn-cta[class*="hover:text-white"]:hover,
.tcb-header .btn-ghost[class*="hover:text-white"]:hover,
.tcb-header .btn-txt[class*="hover:text-white"]:hover,
.tcb-footer .btn-cta[class*="hover:text-white"]:hover,
.tcb-footer .btn-ghost[class*="hover:text-white"]:hover,
.tcb-footer .btn-txt[class*="hover:text-white"]:hover,
.tcb-header-preview .btn-cta[class*="hover:text-white"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:text-white"]:hover,
.tcb-header-preview .btn-txt[class*="hover:text-white"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:text-white"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:text-white"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:text-white"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:text-white"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:text-white"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:text-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:text-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:text-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:text-white"]:hover {
  color: #ffffff !important;
}


/* Button Hover Border Color Overrides */
/* Allows hover:border-{colorName} classes to override theme button hover borders */

.tcb-content .btn-cta[class*="hover:border-primary"]:hover,
.tcb-content .btn-ghost[class*="hover:border-primary"]:hover,
.tcb-content .btn-txt[class*="hover:border-primary"]:hover,
.tcb-header .btn-cta[class*="hover:border-primary"]:hover,
.tcb-header .btn-ghost[class*="hover:border-primary"]:hover,
.tcb-header .btn-txt[class*="hover:border-primary"]:hover,
.tcb-footer .btn-cta[class*="hover:border-primary"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-primary"]:hover,
.tcb-footer .btn-txt[class*="hover:border-primary"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-primary"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-primary"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-primary"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-primary"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-primary"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-primary"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-primary"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-primary"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-primary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-primary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-primary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-primary"]:hover {
  border-color: var(--tcb-color-primary) !important;
}

.tcb-content .btn-cta[class*="hover:border-secondary"]:hover,
.tcb-content .btn-ghost[class*="hover:border-secondary"]:hover,
.tcb-content .btn-txt[class*="hover:border-secondary"]:hover,
.tcb-header .btn-cta[class*="hover:border-secondary"]:hover,
.tcb-header .btn-ghost[class*="hover:border-secondary"]:hover,
.tcb-header .btn-txt[class*="hover:border-secondary"]:hover,
.tcb-footer .btn-cta[class*="hover:border-secondary"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-secondary"]:hover,
.tcb-footer .btn-txt[class*="hover:border-secondary"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-secondary"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-secondary"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-secondary"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-secondary"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-secondary"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-secondary"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-secondary"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-secondary"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-secondary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-secondary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-secondary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-secondary"]:hover {
  border-color: var(--tcb-color-secondary) !important;
}

.tcb-content .btn-cta[class*="hover:border-tertiary"]:hover,
.tcb-content .btn-ghost[class*="hover:border-tertiary"]:hover,
.tcb-content .btn-txt[class*="hover:border-tertiary"]:hover,
.tcb-header .btn-cta[class*="hover:border-tertiary"]:hover,
.tcb-header .btn-ghost[class*="hover:border-tertiary"]:hover,
.tcb-header .btn-txt[class*="hover:border-tertiary"]:hover,
.tcb-footer .btn-cta[class*="hover:border-tertiary"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-tertiary"]:hover,
.tcb-footer .btn-txt[class*="hover:border-tertiary"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-tertiary"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-tertiary"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-tertiary"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-tertiary"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-tertiary"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-tertiary"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-tertiary"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-tertiary"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-tertiary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-tertiary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-tertiary"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-tertiary"]:hover {
  border-color: var(--tcb-color-tertiary) !important;
}

.tcb-content .btn-cta[class*="hover:border-error"]:hover,
.tcb-content .btn-ghost[class*="hover:border-error"]:hover,
.tcb-content .btn-txt[class*="hover:border-error"]:hover,
.tcb-header .btn-cta[class*="hover:border-error"]:hover,
.tcb-header .btn-ghost[class*="hover:border-error"]:hover,
.tcb-header .btn-txt[class*="hover:border-error"]:hover,
.tcb-footer .btn-cta[class*="hover:border-error"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-error"]:hover,
.tcb-footer .btn-txt[class*="hover:border-error"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-error"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-error"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-error"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-error"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-error"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-error"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-error"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-error"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-error"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-error"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-error"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-error"]:hover {
  border-color: var(--tcb-color-error) !important;
}

.tcb-content .btn-cta[class*="hover:border-alert"]:hover,
.tcb-content .btn-ghost[class*="hover:border-alert"]:hover,
.tcb-content .btn-txt[class*="hover:border-alert"]:hover,
.tcb-header .btn-cta[class*="hover:border-alert"]:hover,
.tcb-header .btn-ghost[class*="hover:border-alert"]:hover,
.tcb-header .btn-txt[class*="hover:border-alert"]:hover,
.tcb-footer .btn-cta[class*="hover:border-alert"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-alert"]:hover,
.tcb-footer .btn-txt[class*="hover:border-alert"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-alert"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-alert"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-alert"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-alert"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-alert"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-alert"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-alert"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-alert"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-alert"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-alert"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-alert"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-alert"]:hover {
  border-color: var(--tcb-color-alert) !important;
}

.tcb-content .btn-cta[class*="hover:border-success"]:hover,
.tcb-content .btn-ghost[class*="hover:border-success"]:hover,
.tcb-content .btn-txt[class*="hover:border-success"]:hover,
.tcb-header .btn-cta[class*="hover:border-success"]:hover,
.tcb-header .btn-ghost[class*="hover:border-success"]:hover,
.tcb-header .btn-txt[class*="hover:border-success"]:hover,
.tcb-footer .btn-cta[class*="hover:border-success"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-success"]:hover,
.tcb-footer .btn-txt[class*="hover:border-success"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-success"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-success"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-success"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-success"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-success"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-success"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-success"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-success"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-success"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-success"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-success"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-success"]:hover {
  border-color: var(--tcb-color-success) !important;
}

.tcb-content .btn-cta[class*="hover:border-paragraph"]:hover,
.tcb-content .btn-ghost[class*="hover:border-paragraph"]:hover,
.tcb-content .btn-txt[class*="hover:border-paragraph"]:hover,
.tcb-header .btn-cta[class*="hover:border-paragraph"]:hover,
.tcb-header .btn-ghost[class*="hover:border-paragraph"]:hover,
.tcb-header .btn-txt[class*="hover:border-paragraph"]:hover,
.tcb-footer .btn-cta[class*="hover:border-paragraph"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-paragraph"]:hover,
.tcb-footer .btn-txt[class*="hover:border-paragraph"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-paragraph"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-paragraph"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-paragraph"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-paragraph"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-paragraph"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-paragraph"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-paragraph"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-paragraph"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-paragraph"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-paragraph"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-paragraph"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-paragraph"]:hover {
  border-color: var(--tcb-color-paragraph) !important;
}

.tcb-content .btn-cta[class*="hover:border-white"]:hover,
.tcb-content .btn-ghost[class*="hover:border-white"]:hover,
.tcb-content .btn-txt[class*="hover:border-white"]:hover,
.tcb-header .btn-cta[class*="hover:border-white"]:hover,
.tcb-header .btn-ghost[class*="hover:border-white"]:hover,
.tcb-header .btn-txt[class*="hover:border-white"]:hover,
.tcb-footer .btn-cta[class*="hover:border-white"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-white"]:hover,
.tcb-footer .btn-txt[class*="hover:border-white"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-white"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-white"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-white"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-white"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-white"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-white"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-white"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-white"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-white"]:hover {
  border-color: var(--tcb-color-white) !important;
}

.tcb-content .btn-cta[class*="hover:border-black"]:hover,
.tcb-content .btn-ghost[class*="hover:border-black"]:hover,
.tcb-content .btn-txt[class*="hover:border-black"]:hover,
.tcb-header .btn-cta[class*="hover:border-black"]:hover,
.tcb-header .btn-ghost[class*="hover:border-black"]:hover,
.tcb-header .btn-txt[class*="hover:border-black"]:hover,
.tcb-footer .btn-cta[class*="hover:border-black"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-black"]:hover,
.tcb-footer .btn-txt[class*="hover:border-black"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-black"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-black"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-black"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-black"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-black"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-black"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-black"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-black"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-black"]:hover {
  border-color: var(--tcb-color-black) !important;
}

.tcb-content .btn-cta[class*="hover:border-stroke"]:hover,
.tcb-content .btn-ghost[class*="hover:border-stroke"]:hover,
.tcb-content .btn-txt[class*="hover:border-stroke"]:hover,
.tcb-header .btn-cta[class*="hover:border-stroke"]:hover,
.tcb-header .btn-ghost[class*="hover:border-stroke"]:hover,
.tcb-header .btn-txt[class*="hover:border-stroke"]:hover,
.tcb-footer .btn-cta[class*="hover:border-stroke"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-stroke"]:hover,
.tcb-footer .btn-txt[class*="hover:border-stroke"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-stroke"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-stroke"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-stroke"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-stroke"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-stroke"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-stroke"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-stroke"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-stroke"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-stroke"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-stroke"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-stroke"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-stroke"]:hover {
  border-color: var(--tcb-color-stroke) !important;
}

.tcb-content .btn-cta[class*="hover:border-title"]:hover,
.tcb-content .btn-ghost[class*="hover:border-title"]:hover,
.tcb-content .btn-txt[class*="hover:border-title"]:hover,
.tcb-header .btn-cta[class*="hover:border-title"]:hover,
.tcb-header .btn-ghost[class*="hover:border-title"]:hover,
.tcb-header .btn-txt[class*="hover:border-title"]:hover,
.tcb-footer .btn-cta[class*="hover:border-title"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-title"]:hover,
.tcb-footer .btn-txt[class*="hover:border-title"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-title"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-title"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-title"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-title"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-title"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-title"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-title"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-title"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-title"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-title"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-title"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-title"]:hover {
  border-color: var(--tcb-color-title) !important;
}

.tcb-content .btn-cta[class*="hover:border-light"]:hover,
.tcb-content .btn-ghost[class*="hover:border-light"]:hover,
.tcb-content .btn-txt[class*="hover:border-light"]:hover,
.tcb-header .btn-cta[class*="hover:border-light"]:hover,
.tcb-header .btn-ghost[class*="hover:border-light"]:hover,
.tcb-header .btn-txt[class*="hover:border-light"]:hover,
.tcb-footer .btn-cta[class*="hover:border-light"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-light"]:hover,
.tcb-footer .btn-txt[class*="hover:border-light"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-light"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-light"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-light"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-light"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-light"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-light"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-light"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-light"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-light"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-light"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-light"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-light"]:hover {
  border-color: var(--tcb-color-light) !important;
}

.tcb-content .btn-cta[class*="hover:border-dark"]:hover,
.tcb-content .btn-ghost[class*="hover:border-dark"]:hover,
.tcb-content .btn-txt[class*="hover:border-dark"]:hover,
.tcb-header .btn-cta[class*="hover:border-dark"]:hover,
.tcb-header .btn-ghost[class*="hover:border-dark"]:hover,
.tcb-header .btn-txt[class*="hover:border-dark"]:hover,
.tcb-footer .btn-cta[class*="hover:border-dark"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-dark"]:hover,
.tcb-footer .btn-txt[class*="hover:border-dark"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-dark"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-dark"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-dark"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-dark"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-dark"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-dark"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-dark"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-dark"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-dark"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-dark"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-dark"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-dark"]:hover {
  border-color: var(--tcb-color-dark) !important;
}

.tcb-content .btn-cta[class*="hover:border-black"]:hover,
.tcb-content .btn-ghost[class*="hover:border-black"]:hover,
.tcb-content .btn-txt[class*="hover:border-black"]:hover,
.tcb-header .btn-cta[class*="hover:border-black"]:hover,
.tcb-header .btn-ghost[class*="hover:border-black"]:hover,
.tcb-header .btn-txt[class*="hover:border-black"]:hover,
.tcb-footer .btn-cta[class*="hover:border-black"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-black"]:hover,
.tcb-footer .btn-txt[class*="hover:border-black"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-black"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-black"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-black"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-black"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-black"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-black"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-black"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-black"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-black"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-black"]:hover {
  border-color: #000000 !important;
}

.tcb-content .btn-cta[class*="hover:border-white"]:hover,
.tcb-content .btn-ghost[class*="hover:border-white"]:hover,
.tcb-content .btn-txt[class*="hover:border-white"]:hover,
.tcb-header .btn-cta[class*="hover:border-white"]:hover,
.tcb-header .btn-ghost[class*="hover:border-white"]:hover,
.tcb-header .btn-txt[class*="hover:border-white"]:hover,
.tcb-footer .btn-cta[class*="hover:border-white"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-white"]:hover,
.tcb-footer .btn-txt[class*="hover:border-white"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-white"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-white"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-white"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-white"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-white"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-white"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-white"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-white"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-white"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-white"]:hover {
  border-color: #ffffff !important;
}

.tcb-content .btn-cta[class*="hover:border-transparent"]:hover,
.tcb-content .btn-ghost[class*="hover:border-transparent"]:hover,
.tcb-content .btn-txt[class*="hover:border-transparent"]:hover,
.tcb-header .btn-cta[class*="hover:border-transparent"]:hover,
.tcb-header .btn-ghost[class*="hover:border-transparent"]:hover,
.tcb-header .btn-txt[class*="hover:border-transparent"]:hover,
.tcb-footer .btn-cta[class*="hover:border-transparent"]:hover,
.tcb-footer .btn-ghost[class*="hover:border-transparent"]:hover,
.tcb-footer .btn-txt[class*="hover:border-transparent"]:hover,
.tcb-header-preview .btn-cta[class*="hover:border-transparent"]:hover,
.tcb-header-preview .btn-ghost[class*="hover:border-transparent"]:hover,
.tcb-header-preview .btn-txt[class*="hover:border-transparent"]:hover,
.tcb-footer-preview .btn-cta[class*="hover:border-transparent"]:hover,
.tcb-footer-preview .btn-ghost[class*="hover:border-transparent"]:hover,
.tcb-footer-preview .btn-txt[class*="hover:border-transparent"]:hover,
#tcb-builder-root .tcb-content .btn-cta[class*="hover:border-transparent"]:hover,
#tcb-builder-root .tcb-content .btn-ghost[class*="hover:border-transparent"]:hover,
#tcb-builder-root .tcb-content .btn-txt[class*="hover:border-transparent"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-cta[class*="hover:border-transparent"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-ghost[class*="hover:border-transparent"]:hover,
#tcb-builder-root .tcb-canvas-inner .btn-txt[class*="hover:border-transparent"]:hover {
  border-color: transparent !important;
}