@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
*/

/* 投稿内右上に固定表示 */
.favorite-fixed-button {
    width: fit-content;
    margin: 0 0 0 auto;
  }
  
  /* ボタン共通スタイル（アクティブも含む） */
  .simplefavorite-button.preset,
  .simplefavorite-button.preset.active {
    display: inline-block;
    border: none;
    background-color: #ff8844;
    color: #fff;
    font-weight: bold;
    padding: 0.6em 1.4em;
    border-radius: 30px;
    font-size: 15px;
    line-height: 1.4;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  }
  
  /* アイコン位置調整 */
  .simplefavorite-button.preset i,
  .simplefavorite-button.preset.active i {
    font-size: 1.2em;
    margin-right: 0.4em;
    position: relative;
    top: 1px;
  }

  /* ホバー時に浮かせる */
  .simplefavorite-button.preset:hover {
    background-color: #fda769;
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  }
  
  /* アクティブ状態の追加スタイル */
  .simplefavorite-button.preset.active {
    background-color: #f77700;
    /* box-shadow: 0 0 0 3px #fff inset; */
  }
  
  /* ローディングアイコンの間隔調整（任意） */
  .simplefavorites-loading {
    margin-left: 0.5em;
  }