Реализация кнопки на калькулятор

wp-content/themes/fenixmedica/assets/images/icons/calculator.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFFFFF" class="bi bi-calculator-fill" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm2 .5v2a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-7a.5.5 0 0 0-.5.5zm0 4v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5zM4.5 9a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zM4 12.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5zM7.5 6a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zM7 9.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5zm.5 2.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zM10 6.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5zm.5 2.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-1z"/>
+</svg>
\ No newline at end of file

wp-content/themes/fenixmedica/inc/open.php

@@ -5,7 +5,8 @@ function fenix_open ($atts)
             array(
                 'post'  => '',
                 'id'    => '',
-                'link'  => '#'
+                'link'  => '#',
+                'link_calc' => ''
             ),
             $atts,
             'fenix_open'
@@ -43,6 +44,11 @@ function fenix_open ($atts)
                                     '</div>'.
                                     '<div class="text-center text-md-start">'.
                                         '<a href="'.$atts['link'].'" class="btn btn-lg btn-style-0 rounded-pill mb-4">Получить консультацию</a>'.
+                                        (
+                                            $atts['link_calc']!=''?
+                                                '<br/><a href="'.$atts['link_calc'].'" class="btn btn-lg btn-style-1 rounded-pill mb-4" data-icon="calculator">Рассчитать прибыль</a>':
+                                                ''
+                                        ).
                                     '</div>'.
                                 '</div>'.
                             '</div>'.

wp-content/themes/fenixmedica/style.css

@@ -337,6 +337,13 @@ Author: SANS
     width: 27px;
     height: 47px;
 }
+:root [data-icon="calculator"]::before
+{
+    background-image: url('./assets/images/icons/calculator.svg');
+    width: 23px;
+    height: 33px;
+    margin-right: 13px;
+}
 
 /*Доп стили кнопок*/
 :root .btn.btn-style-0 {