.brxe-button.bricks-button { background: transparent; padding: 16px 35px; border: 2px solid; border-radius: 10px; font-size: 16px; font-weight: 600; cursor: pointer; position: relative; transition: all 0.35s ease; text-transform: uppercase; letter-spacing: 1px; overflow: hidden;}.brxe-button.bricks-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; transition: all 0.35s ease; z-index: -1; transform: skewX(-45deg);}.brxe-button.bricks-button:hover { transform: translateY(-3px);}.brxe-button.bricks-button.bricks-background-primary { color: #800080; border-color: #800080;}.brxe-button.bricks-button.bricks-background-primary::before { background: #800080;}.brxe-button.bricks-button.bricks-background-primary:hover { color: white; border-color: #800080; box-shadow: 0 10px 30px rgba(128, 0, 128, 0.4);}.brxe-button.bricks-button.bricks-background-primary:hover::before { left: 0;}.brxe-button.bricks-button.bricks-background-secondary { color: #f833c8; border-color: #f833c8;}.brxe-button.bricks-button.bricks-background-secondary::before { background: #f833c8;}.brxe-button.bricks-button.bricks-background-secondary:hover { color: white; border-color: #f833c8; box-shadow: 0 10px 30px rgba(38, 188, 156, 0.4);}.brxe-button.bricks-button.bricks-background-secondary:hover::before { left: 0;} h1 {font-family: "Sora"; font-weight: 700; font-size: 40px; text-transform: uppercase} h2 {font-family: "Sora"; font-weight: 700; font-size: 40px; text-transform: uppercase; font-style: normal} h3 {font-family: "Sora"; font-weight: 700; color: var(--bricks-color-f7009e); font-size: 16px; text-transform: uppercase} h4 {font-family: "Sora"; font-weight: 500; font-size: 44px; text-transform: uppercase; font-style: normal} h5 {font-family: "Sora"; font-weight: 600; font-size: 22px} .bricks-type-hero {font-family: "Sora"; font-weight: 400; font-style: normal; font-size: 17px} .brxe-container {width: 80% ; max-width: 1440px; padding-top: 5%} .woocommerce main.site-main {width: 80% } #brx-content.wordpress {width: 80% ; max-width: 1440px} :where(.brxe-accordion .accordion-content-wrapper) a, :where(.brxe-icon-box .content) a, :where(.brxe-list) a, :where(.brxe-post-content):not([data-source="bricks"]) a, :where(.brxe-posts .dynamic p) a, :where(.brxe-shortcode) a, :where(.brxe-tabs .tab-content) a, :where(.brxe-team-members) .description a, :where(.brxe-testimonials) .testimonial-content-wrapper a, :where(.brxe-text) a, :where(a.brxe-text), :where(.brxe-text-basic) a, :where(a.brxe-text-basic), :where(.brxe-post-comments) .comment-content a, .brxe-product-content a, .brxe-product-short-description a, .brxe-product-tabs .woocommerce-Tabs-panel a, .jet-listing-dynamic-link__link {color: var(--bricks-color-gmhwgt)} :where(.brxe-accordion .accordion-content-wrapper) a:hover, :where(.brxe-icon-box .content) a:hover, :where(.brxe-list) a:hover, :where(.brxe-post-content):not([data-source="bricks"]) a:hover, :where(.brxe-posts .dynamic p) a:hover, :where(.brxe-shortcode) a:hover, :where(.brxe-tabs .tab-content) a:hover, :where(.brxe-team-members) .description a:hover, :where(.brxe-testimonials) .testimonial-content-wrapper a:hover, :where(.brxe-text) a:hover, :where(a.brxe-text):hover, :where(.brxe-text-basic) a:hover, :where(a.brxe-text-basic):hover, :where(.brxe-post-comments) .comment-content a:hover, .brxe-product-content a:hover, .brxe-product-short-description a:hover, .brxe-product-tabs .woocommerce-Tabs-panel a:hover, .jet-listing-dynamic-link__link:hover {border-bottom: 1px solid var(--bricks-color-uqqhmh); color: var(--bricks-color-uqqhmh)}@media (max-width: 991px) { h1 {font-size: 35px} h2 {font-size: 35px} h3 {font-size: 16px} h4 {font-size: 38px}}@media (max-width: 767px) { h1 {font-size: 30px} h2 {font-size: 30px} h3 {font-size: 25px} h4 {font-size: 33px}}