.inbDigital__social-join--whatsapp{--border-color:#25d366;--fade-background-color:#ebfff5;--btn-background-color:#00af41}
.inbDigital__social-join--telegram{--border-color:#0098e4;--fade-background-color:#f0f8ff;--btn-background-color:#08c}
.inbDigital__social-join--instagram{--border-color:#e1306c;--fade-background-color:#fff5f8;--btn-background-color:#e1306c}
.inbDigital__social-join--arattai{--border-color:#fed902;--fade-background-color:#fffdf1;--btn-text-color:#000;--btn-background-color:#fed902}

.inbDigital__social-wrap{margin:15px 0}
.inbDigital__social-join{display:flex;justify-content:space-between;align-items:center;gap:10px;background-color:var(--fade-background-color);border:2px solid transparent;border-radius:5px;padding:8px 14px;margin:15px 0;animation:inbDigital-border-animation 1s infinite}
.inbDigital__social-wrap .inbDigital__social-join:first-child{margin-top:0}
.inbDigital__social-wrap .inbDigital__social-join:last-child{margin-bottom:0}
.inbDigital__social-join .inbDigital__social-join_meta{display:flex;align-items:center;column-gap:.5em;font-size:14px;font-weight:600;color:#414141}
.inbDigital__social-join svg{width:20px;height:20px;flex-shrink:0}
.inbDigital__social-join a{display:inline-flex;font-size:.9rem;font-weight:600;color:var(--btn-text-color,#fff)!important;background-color:var(--btn-background-color);padding:6px 16px;border-radius:4px;text-decoration:none!important;white-space:nowrap;transition:all .3s ease-in-out}
.inbDigital__social-join a:hover{transform:scale(1.05)}

/* Grid layout */
.inbDigital__social-wrap--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.inbDigital__social-wrap--grid .inbDigital__social-join{margin:0}
@media (max-width:600px){.inbDigital__social-wrap--grid{grid-template-columns:1fr}}

/* Animation off */
.inbDigital--no-anim .inbDigital__social-join{animation:none;border-color:var(--border-color)}
@media (prefers-reduced-motion:reduce){.inbDigital__social-join{animation:none;border-color:var(--border-color)}}

@keyframes inbDigital-border-animation{0%{border-color:#fff0}50%{border-color:var(--border-color)}100%{border-color:#fff0}}
