/* CSS Document */

/*インスタフォローボタン*/
a.insta_btn2{/*ボタンの下地*/
color: #FFF;/*文字・アイコン色*/
border-radius: 5px;/*角丸に*/
position: relative;
display: inline-block;
height: 20px;/*高さ*/
width: 95px;/*幅*/
text-align: center;/*中身を中央寄せ*/
font-size: 11px;/*文字のサイズ*/
line-height: 20px;/*高さと合わせる*/
vertical-align: middle;/*垂直中央寄せ*/
background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
overflow: hidden;/*はみ出た部分を隠す*/
text-decoration:none;/*下線は消す*/
vertical-align: top;/*並べた時のズレを修正*/
margin: 0 0 20px;
}
.insta_btn2:before{/*グラデーション②*/
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;/*全体を覆う*/
height: 100%;/*全体を覆う*/
background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}
.insta_btn2 .fa-instagram{/*アイコン*/
font-size: 12px;/*アイコンサイズ*/
position: relative;
top: 1px;/*アイコン位置の微調整*/
}
.insta_btn2 span {/*テキスト*/
display:inline-block;
position: relative;
transition: .5s
}
/*インスタフォローボタンここまで*/