<?php defined('ABSPATH') || exit; ?> <div id="wpr-mobile_cpcss_view" class="wpr-tools"> <div class="wpr-tools-col"> <div class="wpr-title3 wpr-tools-label wpr-icon-stack"><?php esc_html_e('Optimize CSS delivery for mobile', 'rocket'); ?></div> <div class="wpr-field-description wpr-hide-on-click"><?php esc_html_e('Your website currently uses the same Critical Path CSS for both desktop and mobile.', 'rocket'); ?></div> <div class="wpr-field-description wpr-hide-on-click"><?php esc_html_e('Click the button to enable mobile-specific CPCSS for your site.', 'rocket'); ?></div> <div class="wpr-field-description wpr-hide-on-click"> <?php printf(esc_html__('This is a one-time action and this button will be removed afterwards. %1$sMore info%2$s', 'rocket'), '<a href="' . esc_url($data['beacon']['url']) . '" data-beacon-article="' . esc_attr($data['beacon']['id']) . '" target="_blank" rel="noopener noreferrer">', '</a>'); ?> </div> <div class="wpr-field-description wpr-field wpr-isHidden wpr-show-on-click"> <?php printf(esc_html__('Your site is now using mobile-specific critical path CSS. %1$sMore info%2$s', 'rocket'), '<a href="' . esc_url($data['beacon']['url']) . '" data-beacon-article="' . esc_attr($data['beacon']['id']) . '" target="_blank" rel="noopener noreferrer">', '</a>'); ?> </div> </div> <div class="wpr-tools-col"> <button id="wpr-action-rocket_enable_mobile_cpcss" class="wpr-button wpr-button--icon wpr-button--small wpr-button--purple wpr-icon-refresh"> <?php esc_html_e('Generate Mobile Specific CPCSS', 'rocket'); ?> </button> </div> </div>