<i class="pre-comment"> /* Codebox by Fineshop Design */</i><i class="pre-selector-class"> .cBox</i> {<i class="pre-attribute"> position</i> :relative;<i class="pre-attribute"> background</i> :<i class="pre-number"> #fff</i> ;<i class="pre-attribute"> width</i> :<i class="pre-number"> 100%</i> ;<i class="pre-attribute"> border-radius</i> :<i class="pre-number"> 6px</i> ;<i class="pre-attribute"> box-shadow</i> :<i class="pre-number"> 0</i><i class="pre-number"> 10px</i><i class="pre-number"> 40px</i> rgba(<i class="pre-number"> 0</i> ,<i class="pre-number"> 0</i> ,<i class="pre-number"> 0</i> ,.<i class="pre-number"> 1</i> );<i class="pre-attribute"> padding</i> :<i class="pre-number"> 20px</i> ;<i class="pre-attribute"> margin</i> :<i class="pre-number"> 30px</i><i class="pre-number"> 0</i><i class="pre-number"> 30px</i> } <i class="pre-selector-class"> .cBox</i><i class="pre-selector-class"> .cBoxH</i> {<i class="pre-attribute"> display</i> :flex;<i class="pre-attribute"> justify-content</i> :space-between;<i class="pre-attribute"> align-items</i> :center;<i class="pre-attribute"> margin-bottom</i> :<i class="pre-number"> 15px</i> } <i class="pre-selector-class"> .cBox</i><i class="pre-selector-class"> .cBoxH</i><i class="pre-selector-tag"> span</i> {<i class="pre-attribute"> margin</i> :<i class="pre-number"> 0</i> ;<i class="pre-attribute"> font-weight</i> :<i class="pre-number"> 700</i> ;<i class="pre-attribute"> font-family</i> :inherit;<i class="pre-attribute"> font-size</i> :<i class="pre-number"> 1.1rem</i> } <i class="pre-selector-class"> .cBox</i><i class="pre-selector-class"> .cBoxB</i> {<i class="pre-attribute"> cursor</i> :pointer;<i class="pre-attribute"> display</i> :inline-flex;<i class="pre-attribute"> align-items</i> :center;<i class="pre-attribute"> padding</i> :<i class="pre-number"> 12px</i> ;<i class="pre-attribute"> outline</i> :<i class="pre-number"> 0</i> ;<i class="pre-attribute"> border</i> :<i class="pre-number"> 0</i> ;<i class="pre-attribute"> border-radius</i> :<i class="pre-number"> 50%</i> ;<i class="pre-attribute"> background</i> :<i class="pre-number"> #056aff</i> ;<i class="pre-attribute"> transition</i> :all .<i class="pre-number"> 3s</i> ease;-webkit-<i class="pre-attribute"> transition</i> :all .<i class="pre-number"> 3s</i> ease} <i class="pre-selector-class"> .cBox</i><i class="pre-selector-class"> .cBoxB</i><i class="pre-selector-pseudo"> :hover</i> {<i class="pre-attribute"> opacity</i> :.<i class="pre-number"> 8</i> } <i class="pre-selector-class"> .cBox</i><i class="pre-selector-class"> .cBoxB</i><i class="pre-selector-class"> .icn</i> {<i class="pre-attribute"> flex-shrink</i> :<i class="pre-number"> 0</i> ;<i class="pre-attribute"> display</i> :inline-block;<i class="pre-attribute"> width</i> :<i class="pre-number"> 18px</i> ;<i class="pre-attribute"> height</i> :<i class="pre-number"> 18px</i> ;<i class="pre-attribute"> background-image</i> :url(<i class="pre-string"> "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24'><rect x='5.54615' y='5.54615' width='16.45385' height='16.45385…