@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

// mamawarming用：公式リンクボタンショートコード
function mamawarming_official_button($atts) {
  $atts = shortcode_atts(
    array(
      'url' => '#',
      'text' => ' 公式サイトはこちら'
    ),
    $atts,
    'official_button'
  );

  $output = '
  <div style="text-align: center; margin: 1.8em 0;">
    <a href="' . esc_url($atts['url']) . '" 
       target="_blank" rel="nofollow noopener"
       style="
         background-color: #f7b87a;
         color: #ffffff;
         padding: 12px 26px;
         border-radius: 30px;
         text-decoration: none;
         font-weight: bold;
         box-shadow: 0 3px 6px rgba(0,0,0,0.1);
         display: inline-block;
         transition: all 0.3s ease;
       "
       onmouseover="this.style.backgroundColor=\'#f4a85c\'; this.style.boxShadow=\'0 4px 8px rgba(0,0,0,0.15)\';"
       onmouseout="this.style.backgroundColor=\'#f7b87a\'; this.style.boxShadow=\'0 3px 6px rgba(0,0,0,0.1)\';">
       ' . esc_html($atts['text']) . '
    </a>
  </div>';

  return $output;
}
add_shortcode('official_button', 'mamawarming_official_button');