task 17075 | переделал h-attention

wp-content/themes/hantico/assets/css/style.css

@@ -6161,90 +6161,68 @@ h4 {
 }
 
 .h-attention {
-    --attention-color: var(--color-red);
-    --attention-bg: color-mix(in srgb, var(--color-red) 8%, var(--color-light));
-    --attention-icon-bg: color-mix(in srgb, var(--color-red) 15%, var(--color-light));
-    display: flex;
-    align-items: center;
-    gap: 20px;
-    width: 100%;
-    box-sizing: border-box;
-    margin: 28px 0;
-    padding: 24px 28px;
-    border-radius: 16px;
-    background: var(--attention-bg);
+  margin: 24px 0;
+
+  padding: 32px 40px 32px 32px;
+
+  display: flex;
+  gap: 20px;
+
+  background: var(--attention-bg);
+
+  border-radius: 20px;
 }
 
 .h-attention--warning {
-    --attention-color: var(--color-red);
-    --attention-bg: color-mix(in srgb, var(--color-red) 8%, var(--color-light));
-    --attention-icon-bg: color-mix(in srgb, var(--color-red) 15%, var(--color-light));
+  --attention-bg: rgba(226, 10, 23, 0.10);
+  --attention-icon-bg: rgba(226, 10, 23, 0.10);
 }
 
 .h-attention--info {
-    --attention-color: #a8740b;
-    --attention-bg: #fff8e8;
-    --attention-icon-bg: #f9ebc8;
+  --attention-color: #a8740b;
+  --attention-bg: #fff8e8;
+  --attention-icon-bg: #f9ebc8;
 }
 
 .h-attention--success {
-    --attention-color: #277547;
-    --attention-bg: #eff8f2;
-    --attention-icon-bg: #dceee2;
+  --attention-color: #277547;
+  --attention-bg: #eff8f2;
+  --attention-icon-bg: #dceee2;
 }
 
 .h-attention__icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex: 0 0 48px;
-    width: 48px;
-    height: 48px;
-    border-radius: 12px;
-    background: var(--attention-icon-bg);
-    color: var(--attention-color);
-}
+  flex-shrink: 0;
 
-.h-attention__icon span {
-    font-family: Arial, sans-serif;
-    font-size: 30px;
-    font-weight: 700;
-    line-height: 1;
+  width: 40px;
+  height: 40px;
+
+  border-radius: 50%;
+
+  background: var(--attention-icon-bg);
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .h-attention__content {
-    flex: 1;
-    min-width: 0;
-    font-size: 16px;
-    line-height: 1.65;
-    color: var(--color-text);
-}
-
-.h-attention__content p {
-    margin: 0;
-    padding: 0;
-}
-
-.h-attention__content p + p {
-    margin-top: 10px;
-}
-
-.h-attention__content a {
-    color: var(--attention-color);
-    text-decoration: underline;
-}
-
-.h-attention__content > :last-child {
-    margin-bottom: 0;
+  font-size: 20px;
+  line-height: 150%; /* 30px */
+  letter-spacing: -0.2px;
+  color: var(--color-text);
 }
 
 @media (max-width: 767.98px) {
   .h-attention{
-    padding: 12px 14px;
+    padding: 16px 16px 16px 12px;
 
-    flex-direction: column;
     gap: 12px;
   }
+
+  .h-attention__content{
+    font-size: 14px;
+    letter-spacing: -0.14px;
+  }
 }
 
 .h-article-quote {