/*
Theme Name:  My Child Theme. Child for Astra.
Theme URI:  https://wpastra.com/
Description:  Theme to support tutsplus tutorial. Child theme for the Astra theme.
Author: Brainstorm Force
Text Domain: astra-child
Author URI:  https://wpastra.com/
Template:  astra
Version:  1.0
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html         
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true        
*/
.custom-sns-share{
    margin:40px 0;
    padding:30px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    box-shadow:0 2px 15px rgba(0,0,0,.05);
}

.sns-share-title{
    text-align:center;
    font-size:20px;
    font-weight:700;
    color:#222;
    margin-bottom:24px;
}

.sns-share-buttons{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    list-style:none;
    padding:0;
    margin:0;
}

.sns-btn{
    margin:0;
}

.sns-btn a{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 18px;
    border-radius:12px;
    text-decoration:none;
    color:#fff;
    font-weight:700;
    transition:.25s;
}

.sns-btn a:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 20px rgba(0,0,0,.12);
}

.sns-icon{
    width:34px;
    height:34px;
    border-radius:50%;
    background:rgba(255,255,255,.2);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    font-size:18px;
    font-weight:bold;
}

.sns-text{
    flex:1;
}

/* X */
.x-btn a{
    background:#000;
}

/* Facebook */
.facebook-btn a{
    background:#1877f2;
}

/* LINE */
.line-btn a{
    background:#06c755;
}

/* Hatena */
.hatena-btn a{
    background:#00a4de;
}

@media(max-width:768px){

    .sns-share-buttons{
        grid-template-columns:1fr;
    }

}