/*
*
*     ** Used Only BladeSNSShare.
*     themename\Views\ModelPartials\BladeSNSShare\BladeSnsShare.php
*
*/

.BladeSNSShare{width:100%;margin:1.5rem 0;}
.BladeSNSShare__list{list-style:none;margin:0;padding:0;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;}
.BladeSNSShare--vertical .BladeSNSShare__list{flex-direction:column;align-items:flex-start;}
.BladeSNSShare__item{margin:0;padding:0;}
.BladeSNSShare__link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:40px;padding:.55rem .9rem;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:#fff;color:#222;text-decoration:none;font-size:.9rem;font-weight:700;line-height:1.2;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;}
.BladeSNSShare__link:hover{background:#f7f7f7;border-color:rgba(0,0,0,.22);color:#111;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08);}
.BladeSNSShare__link:focus-visible{outline:2px solid rgba(34,34,34,.45);outline-offset:3px;}
.BladeSNSShare__icon{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:999px;background:#222;color:#fff;font-size:.72rem;font-weight:700;line-height:1;white-space:nowrap;}
.BladeSNSShare__label{display:inline-block;white-space:nowrap;}
.BladeSNSShare--text .BladeSNSShare__link{padding:.55rem 1rem;}
.BladeSNSShare--text .BladeSNSShare__label{font-weight:700;}
.BladeSNSShare__item--x .BladeSNSShare__icon{background:#111;color:#fff;}
.BladeSNSShare__item--line .BladeSNSShare__icon{background:#06c755;color:#fff;font-size:.62rem;}
.BladeSNSShare__item--threads .BladeSNSShare__icon{background:#111;color:#fff;}
.BladeSNSShare__item--facebook .BladeSNSShare__icon{background:#1877f2;color:#fff;}
.BladeSNSShare__item--bluesky .BladeSNSShare__icon{background:#1185fe;color:#fff;}
.BladeSNSShare__item--linkedin .BladeSNSShare__icon{background:#0a66c2;color:#fff;}
.BladeSNSShare__item--note .BladeSNSShare__icon{background:#41c9b4;color:#fff;}
.BladeSNSShare__item--pinterest .BladeSNSShare__icon{background:#e60023;color:#fff;}
@media (max-width:767px){
.BladeSNSShare{margin:1.25rem 0;}
.BladeSNSShare__list{gap:.5rem;}
.BladeSNSShare__link{min-height:38px;padding:.5rem .75rem;font-size:.84rem;}
.BladeSNSShare__icon{width:1.35rem;height:1.35rem;font-size:.68rem;}
}