/* Full-color platform marks, with optional interaction motion. */
.sg-platform{--sg-platform-color:#31c4f3;position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.sg-platform-instagram{--sg-platform-color:#f45a91}.sg-platform-tiktok{--sg-platform-color:#25f4ee}.sg-platform-youtube{--sg-platform-color:#ff365c}.sg-platform-facebook{--sg-platform-color:#398aff}.sg-platform-x{--sg-platform-color:#d6e0ef}
.sg-platform .sg-platform-icon{width:58px;height:58px;border-radius:17px;background:#15283f;color:inherit;box-shadow:inset 0 0 0 1px #ffffff09;transition:transform .25s ease,box-shadow .25s ease}
.sg-platform .sg-platform-icon svg{display:block;width:42px;height:42px;overflow:visible}
.sg-platform .sg-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #354b63;border-radius:50%;color:var(--sg-platform-color);transition:transform .22s ease,background .22s ease}
.sg-platform .sg-arrow svg{width:17px;height:17px;display:block}
.sg-platform:focus-visible{outline:2px solid var(--sg-platform-color);outline-offset:4px}
.sg-platform:focus-visible .sg-platform-icon{transform:translateY(-3px) rotate(-5deg) scale(1.07)}
@media(hover:hover) and (pointer:fine){.sg-platform:hover{transform:translateY(-5px);border-color:var(--sg-platform-color);background:#11263c;box-shadow:0 14px 28px #0004}.sg-platform:hover .sg-platform-icon{transform:translateY(-3px) rotate(-5deg) scale(1.07);box-shadow:0 8px 20px #0003}.sg-platform:hover .sg-arrow{transform:translate(2px,-2px);background:#ffffff0a}}
.sg-platform:active{transform:scale(.985)}.sg-platform:active .sg-platform-icon{transform:scale(.94)}
@media(prefers-reduced-motion:reduce){.sg-platform,.sg-platform .sg-platform-icon,.sg-platform .sg-arrow{transition:none!important;animation:none!important;transform:none!important}}
.sg-platform-more{--sg-platform-color:#31c4f3}
@media(min-width:1101px){.sg-platform-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:561px) and (max-width:1100px){.sg-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}