@charset "UTF-8";
/* SNSシェアボタンの基本スタイル */
.share-buttons_snsshare {
    display: flex;
    gap: 10px;
    margin: 20px;
}

.share-buttons_snsshare a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 30px;
    border-radius: 20%;
    color: white;
    text-decoration: none;
    font-size: 20px;
    padding: 5px; /* ボタン内の余白を追加 */
}

.facebook {
    background-color: #1877F2;
}

.twitter {
    background-color: #1DA1F2;
}

.line {
    background-color: #00C300;
}

.linkedin {
    background-color: #0077B5;
}

.x_ex-twitter {
    background-color: #000;
    background-image: url('_src/icons/logo-white.png'); /* ロゴ画像のパス */
    background-size: cover;
    background-position: center;
}