.social-login-icons{display:flex;flex-direction:row;gap:12px;margin:20px 0;width:100%}.social-login-icon-btn{display:flex;align-items:center;justify-content:center;flex:1;height:48px;background:#333;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative;overflow:hidden;padding:12px}.social-login-icon-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.social-login-icon-btn:active{transform:translateY(0)}.social-login-icon-btn svg{width:24px;height:24px;flex-shrink:0}.social-login-btn-text{display:none}.social-login-icon-btn--google{background:#1c1c1c;border:1px solid rgba(255,255,255,.2);color:#fff}.social-login-icon-btn--google:hover{background:#2a2a2a;border-color:#ffffff4d}.social-login-icon-btn--apple{background:#1c1c1c;border:1px solid rgba(255,255,255,.2);color:#fff}.social-login-icon-btn--apple:hover{background:#2a2a2a;border-color:#ffffff4d}.social-login-icon-btn--apple svg{color:#fff}.social-login-icon-btn--meta{background:#1c1c1c;border:1px solid rgba(255,255,255,.2);color:#fff}.social-login-icon-btn--meta:hover{background:#2a2a2a;border-color:#ffffff4d}.social-login-icon-btn.loading{opacity:.7;pointer-events:none}.social-login-icon-btn.loading:after{content:"";position:absolute;right:16px;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fffc;border-radius:50%;animation:spin .8s linear infinite}.social-login-icon-btn.loading:after{border:2px solid rgba(255,255,255,.3);border-top-color:#fffc}@keyframes spin{to{transform:rotate(360deg)}}.social-login-icon-btn:focus{outline:2px solid #4285f4;outline-offset:2px}@media (max-width: 768px){.social-login-icons{gap:8px}.social-login-icon-btn{height:44px;padding:10px}.social-login-icon-btn svg{width:22px;height:22px}}@media (max-width: 480px){.social-login-icons{gap:6px}.social-login-icon-btn{height:42px;padding:8px;border-radius:6px}.social-login-icon-btn svg{width:20px;height:20px}}@media (prefers-contrast: high){.social-login-icon-btn{border:2px solid #ffffff;background:#000;color:#fff}.social-login-icon-btn svg{color:#fff}}@media (prefers-reduced-motion: reduce){.social-login-icon-btn{transition:none}.social-login-icon-btn.loading:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/social-login-icons.css.map */