/* -----------------------------------------------------------
個人サイト向けいいねボタンプログラム Ver1.1.1
製作者：ガタガタ
サイト：https://do.gt-gt.org/
ライセンス：MITライセンス
全文：https://ja.osdn.net/projects/opensource/wiki/licenses%2FMIT_license
公開日：2020.08.21
最終更新日：2020.11.09

このプログラムはどなたでも無償で利用・複製・変更・
再配布および複製物を販売することができます。
ただし、上記著作権表示ならびに同意意志を、
このファイルから削除しないでください。
 ----------------------------------------------------------- */

div#iine_wrap {
position: relative;
}

button#iine {
border: none;
margin-left: 0px;
border: 1px solid #f857a6;
border-radius: 5rem;
color: #333;
padding: 0px 30px 0px 30px
}

button#iine .iine_wrap {
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
color: #000;
}

button#iine:focus {
outline: none;
}

button#iine .iine_wrap span {
position: absolute;
left: 24px;
font-size: 13px;
font-weight: bold;
word-break: keep-all;
}

div#iine_wrap.checked button#iine .iine_wrap span {
animation-name: counter;
animation-duration: .6s;
animation-fill-mode: forwards;
}

div#iine_wrap.alreadychecked .iine_wrap .heart,
div#iine_wrap.alreadychecked .iine_wrap span {
color: #f857a6 !important;
}

@keyframes counter {
100% {
color: #f857a6;
}
}