diff --git a/wp-content/themes/hantico/assets/css/style.css b/wp-content/themes/hantico/assets/css/style.css
index 2b443e3..5c74fdb 100644
--- a/wp-content/themes/hantico/assets/css/style.css
+++ b/wp-content/themes/hantico/assets/css/style.css
@@ -6384,103 +6384,156 @@ h4 {
}
.h-article-cta {
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 40px;
- width: 100%;
- box-sizing: border-box;
- padding: 30px 40px;
- margin: 30px 0;
- background: var(--color-dark);
- border-radius: 22px;
- color: var(--color-light);
- font-family: inherit;
+ overflow: hidden;
+ position: relative;
+
+ margin: 60px 0;
+
+ padding: 40px 64px 40px 40px;
+
+ border-radius: 40px;
+
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ flex-wrap: wrap;
+ gap: 10px;
+}
+.h-article-cta::after{
+ content: '';
+
+ z-index: -10;
+ position: absolute;
+ top: 0;
+ left: 0;
+
+ width: 100%;
+ height: 100%;
+
+ background: linear-gradient(135deg, #DF2935 0%, #C80E1B 56.25%, #B00012 102.27%);
+}
+.h-article-cta__vec{
+ z-index: -4;
+ position: absolute;
+ top: -6px;
+ left: 90px;
+
+ width: 121.215px;
+ height: 318.519px;
+
+ opacity: 0.1;
+ filter: blur(10px);
+}
+.h-article-cta__c{
+ z-index: -5;
+ position: absolute;
+ top: 0;
+ right: 190px;
+
+ opacity: 0.1;
+ filter: blur(10px);
+}
+.h-article-cta__content{
+ max-width: 300px;
+
+ display: flex;
+ flex-direction: column;
+ gap: 24px;
+}
+.h-article-cta__title{
+ font-size: 30px;
+ font-weight: 600;
+ line-height: 110%; /* 33px */
+ letter-spacing: -0.3px;
+ color: var(--color-white);
+}
+.h-article-cta__description{
+ font-size: 20px;
+ line-height: 150%; /* 30px */
+ letter-spacing: -0.2px;
+ color: var(--color-white);
}
-.h-article-cta .h-article-cta__content {
- flex: 1;
- min-width: 0;
+.h-article-cta__img{
+ flex-shrink: 0;
+
+ margin-bottom: -142px;
+
+ width: 113px;
+ height: 240px;
+
+ object-fit: cover;
+ object-position: top;
+}
+.h-article-cta__link{
+ padding: 20px 24px;
+
+ border-radius: 60px;
+ background: var(--color-white);
+
+ font-size: 18px;
+ font-weight: 500;
+ line-height: 120%;
+ color: var(--color-dark);
+
+ transition: all .2s ease-out;
+}
+.h-article-cta__link:hover{
+ background: var(--color-dark);
+ color: var(--color-white);
}
-.h-article-cta .h-article-cta__title {
- margin: 0 0 12px;
- padding: 0;
- font-size: 26px;
- font-weight: 700;
- line-height: 1.25;
- color: var(--color-light);
-}
-
-.h-article-cta .h-article-cta__description {
- margin: 0;
- padding: 0;
- max-width: 520px;
- font-size: 14px;
- font-weight: 400;
- line-height: 1.5;
- color: var(--color-grey);
-}
-
-.h-article-cta .h-article-cta__actions {
- display: flex;
- flex-direction: column;
- flex: 0 0 245px;
- gap: 12px;
-}
-
-.h-article-cta .h-article-cta__btn {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- min-height: 48px;
- box-sizing: border-box;
- padding: 12px 20px;
- border-radius: 50px;
- font-size: 14px;
- font-weight: 600;
- line-height: 1.3;
- text-align: center;
- text-decoration: none;
- transition: background 0.2s, color 0.2s, border-color 0.2s;
-}
-
-.h-article-cta .h-article-cta__btn--outline {
- background: transparent;
- border: 1px solid var(--color-grey-light);
- color: var(--color-light);
-}
-
-.h-article-cta .h-article-cta__btn--outline:hover {
- background: var(--color-light);
- border-color: var(--color-light);
- color: var(--color-dark);
-}
-
-.h-article-cta .h-article-cta__btn--white {
- background: var(--color-light);
- border: 1px solid var(--color-light);
- color: var(--color-dark);
-}
-
-.h-article-cta .h-article-cta__btn--white:hover {
- background: var(--color-grey);
- border-color: var(--color-grey);
- color: var(--color-dark);
+@media (min-width: 1024px) and (max-width: 1204px) {
+ .h-article-cta__img{
+ width: 40%;
+ }
}
@media (max-width: 767.98px) {
- .h-article-app-cta,
.h-article-cta{
- flex-direction: column;
+ margin: 30px 0;
+
+ padding: 24px 26px 32px 24px;
+
+ border-radius: 20px;
+
+ gap: 24px;
}
- .h-article-cta .h-article-cta__content{
- width: 100%;
+ .h-article-cta__content{
+ gap: 12px;
}
- .h-article-cta .h-article-cta__actions{
- width: 100%;
- flex: auto;
+ .h-article-cta__title{
+ font-size: 18px;
+ font-weight: 600;
+ line-height: 110%; /* 19.8px */
+ letter-spacing: -0.18px;
+ }
+ .h-article-cta__description{
+ font-size: 14px;
+ line-height: 150%; /* 21px */
+ letter-spacing: -0.14px;
+ }
+ .h-article-cta__c{
+ display: none;
+ }
+ .h-article-cta__vec{
+ left: auto;
+ right: 0;
+ }
+ .h-article-cta__img{
+ position: absolute;
+ right: 12px;
+ bottom: -40px;
+
+ margin-bottom: 0;
+
+ width: 30vw;
+ height: 146px;
+ }
+ .h-article-cta__link{
+ padding: 14px 18px;
+
+ font-size: 13px;
}
}
diff --git a/wp-content/themes/hantico/assets/img/bg/cta-c.svg b/wp-content/themes/hantico/assets/img/bg/cta-c.svg
new file mode 100644
index 0000000..223ffca
--- /dev/null
+++ b/wp-content/themes/hantico/assets/img/bg/cta-c.svg
@@ -0,0 +1,3 @@
+
diff --git a/wp-content/themes/hantico/assets/img/bg/cta-img.webp b/wp-content/themes/hantico/assets/img/bg/cta-img.webp
new file mode 100644
index 0000000..683af37
Binary files /dev/null and b/wp-content/themes/hantico/assets/img/bg/cta-img.webp differ
diff --git a/wp-content/themes/hantico/assets/img/bg/cta-vec.svg b/wp-content/themes/hantico/assets/img/bg/cta-vec.svg
new file mode 100644
index 0000000..3e93188
--- /dev/null
+++ b/wp-content/themes/hantico/assets/img/bg/cta-vec.svg
@@ -0,0 +1,3 @@
+
diff --git a/wp-content/themes/hantico/template-parts/article-blocks/cta_1.php b/wp-content/themes/hantico/template-parts/article-blocks/cta_1.php
index f63c7e5..e1ace1e 100644
--- a/wp-content/themes/hantico/template-parts/article-blocks/cta_1.php
+++ b/wp-content/themes/hantico/template-parts/article-blocks/cta_1.php
@@ -2,8 +2,7 @@
$fields = $args['fields'] ?? [];
$title = $fields['title'] ?? '';
$text = $fields['text'] ?? '';
-$link_1 = $fields['link_1'] ?? [];
-$link_2 = $fields['link_2'] ?? [];
+$link = $fields['link'] ?? '';
?>
@@ -17,17 +16,14 @@ $link_2 = $fields['link_2'] ?? [];
-
-
-
-
-
-
+
; ?>)
+
; ?>)
-
-
-
-
-
-
; ?>)
+
+
+
+
+
+