{{-- Mixed Widget 1 --}}
<div class="card card-custom bg-white {{ @$class }} border-10 ff-montserrat shadow" id="card-countPauses">
    {{-- Body --}}
    <div class="card-body d-flex align-items-center p-6">
        <div class="d-flex align-items-center justify-content-between flex-grow-1">
            <span class="symbol symbol-50 mr-4">
                <span class="symbol-label border-10" style="background-color: #FFDAE5">
                    <span class="svg-icon svg-icon-xl svg-icon-info">
                        <!--begin::Svg Icon | path:/metronic/theme/html/demo1/dist/assets/media/svg/icons/Shopping/Cart3.svg-->
                        <svg xmlns="http://www.w3.org/2000/svg" width="25.652" height="28" viewBox="0 0 25.652 28">
                            <path id="Caminho_355" data-name="Caminho 355" d="M380.738,256.5a1.594,1.594,0,0,1-.459-1.206c.019-3.254.01-6.508.009-9.763a2.6,2.6,0,0,0-2.937-2.942c-.948,0-1.9,0-2.9,0a2.067,2.067,0,0,0-1.365-2.355h-8.96a2.032,2.032,0,0,0-1.322,2.308c-.219.017-.394.044-.57.045-.932,0-1.866-.011-2.8.007a2.47,2.47,0,0,0-2.447,2.266,8,8,0,0,0-.025.808q0,9.7,0,19.393c0,1.875.386,2.468,2.06,3.172h17.423a16.613,16.613,0,0,0,2.908-1.134A6.9,6.9,0,0,0,380.738,256.5Zm-15.571-13.9h6.9v2.267h-6.9Zm5.138,23.239a4.066,4.066,0,0,1-.458.055c-3.318,0-6.635-.006-9.952.013-.49,0-.633-.136-.632-.632q.024-9.89,0-19.779c0-.44.1-.642.586-.628.951.027,1.9.007,2.9.007.036.363.045.632.092.895a1.661,1.661,0,0,0,1.683,1.442q4.073.015,8.148,0a1.745,1.745,0,0,0,1.775-1.644c.02-.2,0-.41,0-.689,1.075,0,2.107,0,3.137,0,.424,0,.355.315.355.577q0,3.078,0,6.157v2.966c-3.661-.87-6.64.056-8.485,3.412C367.97,260.7,368.452,263.34,370.306,265.835Zm5.357.057a4.618,4.618,0,0,1-4.707-4.661,4.673,4.673,0,0,1,4.643-4.683,4.732,4.732,0,0,1,4.7,4.654A4.665,4.665,0,0,1,375.663,265.893Z" transform="translate(-356.963 -240.232)" fill="#ff2366" />
                            <path id="Caminho_357" data-name="Caminho 357" d="M385.19,301.712a1.117,1.117,0,0,1-1.218,1.185q-2.83.017-5.661,0a1.144,1.144,0,1,1-.011-2.28c.954-.012,1.908,0,2.862,0,.933,0,1.865-.007,2.8,0C384.734,300.626,385.175,301.029,385.19,301.712Z" transform="translate(-372.397 -286.585)" fill="#ff2366" />
                            <path id="Caminho_358" data-name="Caminho 358" d="M414.131,281.548c.007.727-.459,1.159-1.3,1.175-.724.014-1.45,0-2.174,0s-1.45.01-2.175,0a1.173,1.173,0,1,1,.029-2.323q2.145-.013,4.288,0C413.627,280.4,414.122,280.845,414.131,281.548Z" transform="translate(-395.499 -271.064)" fill="#ff2366" />
                            <path id="Caminho_359" data-name="Caminho 359" d="M379.069,321.753a1.2,1.2,0,0,1-1.348,1.145c-.725.007-1.451,0-2.175,0s-1.451.01-2.175,0a1.131,1.131,0,0,1-1.268-1.141,1.156,1.156,0,0,1,1.3-1.18q2.175-.015,4.351,0A1.192,1.192,0,0,1,379.069,321.753Z" transform="translate(-368.585 -301.906)" fill="#ff2366" />
                            <path id="Caminho_360" data-name="Caminho 360" d="M381.7,281.505a1.1,1.1,0,0,1-1.094,1.181c-.154.012-.309.016-.464.016q-.153,0-.306,0h-.069c-.08,0-.158,0-.238,0h-.347l-.272,0c-.167,0-.332.005-.5,0-.076,0-.152-.006-.228-.012a1.137,1.137,0,0,1-1.108-1.181,1.122,1.122,0,0,1,1.105-1.121c.805-.037,1.615-.036,2.422,0A1.106,1.106,0,0,1,381.7,281.505Z" transform="translate(-372.401 -271.036)" fill="#ff2366" />
                            <path id="Caminho_361" data-name="Caminho 361" d="M426.5,328.9c.822,0,1.644,0,2.466,0a.65.65,0,0,0,.72-.636.641.641,0,0,0-.7-.655q-2.507-.006-5.015,0a.845.845,0,0,0-.346.074.644.644,0,0,0,.3,1.214C424.78,328.905,425.639,328.9,426.5,328.9Z" transform="translate(-407.874 -307.311)" fill="#ff2366" />
                        </svg>
                        <!--end::Svg Icon-->
                    </span>
                </span>
            </span>
            <div class="d-flex flex-column text-left flex-fill font-size-h6">
                <small class="font-weight-normal text-muted" id="label-durationPause">Tempo em Pausa</small>
                <span class="font-weight-bold text-dark-75 font-size-h3" id="durationPause">
                    <div class="spinner py-4"></div>
                </span>
            </div>
        </div>
    </div>
</div>