div.btnLink {
    position: relative;
}
.btnLink.followTwitter {
    box-shadow: 2px 2px rgba(29, 161, 242, 1);
    color: #1da1f2;
}
.btnLink.followLine {
    box-shadow: 2px 2px rgba(0, 185, 0, 1);
    color: #00b900;
}
.btnLink.followTwitter a,
.btnLink.followLine a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.btnLink.followTwitter a::after,
.btnLink.followLine a::after {
    content: none!important;
}
.btnLink.btnLink.followTwitter a:hover,
.btnLink.btnLink.followLine a:hover,
.btnLink.btnLink.followTwitter a:active,
.btnLink.btnLink.followLine a:hover {
    background: none;
}
.btnLink.btnLink.followTwitter a:hover + .innerBtnLink, 
.btnLink.btnLink.followTwitter a:active + .innerBtnLink {
    background: #ecf7fe;
}
.btnLink.btnLink.followLine a:hover + .innerBtnLink,
.btnLink.btnLink.followLine a:hover + .innerBtnLink {
    background: #f0faf0;
}
.wrapperFollowSNS .btnLink .innerBtnLink {
    display: flex;
    justify-content: space-between;
}
.wrapperFollowSNS .blockText p {
    margin: 0;
    font-weight: 700;
}
.wrapperFollowSNS .blockText span {
    font-weight: 400;
}

@media only screen and (max-width:979px) {
    div.btnLink {
        margin: 20px 15px;
        border: 1px solid #000;
        border-radius: 2px;
        box-shadow: 2px 2px;
    }
    .recipeMenuCard div.btnLink {
        margin: 20px 0;
    }
    .wrapperFollowSNS {
        margin: 0 auto 40px auto;
    }
    .recipeMenuCard .wrapperFollowSNS {
        margin: 0 30px 40px 30px;
    }
    .btnLink.followTwitter {
        margin: 0 15px 20px 15px;
        border: 1px solid #1da1f2;
    }
    .recipeVideoType02 .btnLink.followTwitter,
    .recipeMenuCard .btnLink.followTwitter {
        margin: 0 auto 20px auto;
    }
    .btnLink.followLine {
        margin: 0 15px 20px 15px;
        border: 1px solid #00b900;
    }
    .recipeMenuCard .btnLink.followLine {
        margin: 0 0 20px 0;
    }
    .wrapperFollowSNS .btnLink .innerBtnLink {
        padding: 10px;
        font-size: 10px;
    }
    .wrapperFollowSNS .blockText p {
        font-size: 12px;
    }
    .wrapperFollowSNS .blockIcon img {
        width: 30px;
        height: 30px;
    }
}

@media only screen and (min-width:980px) {
    div.btnLink {
        width: 500px;
        margin: 40px auto;
        border: 2px solid #000;
        border-radius: 4px;
        box-shadow: 3px 3px;
    }    
    .wrapperFollowSNS {
        display: flex;
        justify-content: center;
        margin: 40px auto;
    }
    .btnLink.followTwitter, 
    .btnLink.followLine {
        width: 390px;
        margin: 0;
    }
    .btnLink.followTwitter {
        border: 2px solid #1da1f2;
    }
    .btnLink.followLine {
        margin-left: 40px;
        border: 2px solid #00b900;
    }
    .wrapperFollowSNS .btnLink .innerBtnLink {
        padding: 12px 25px;
        font-size: 12px;
    }
    .wrapperFollowSNS .blockText p {
        font-size: 14px;
    }
    .wrapperFollowSNS .blockIcon img {
        width: 37px;
        height: 37px;
    }
}