.ott-social-wrap{
  display:flex;
  flex-direction:column;
  gap:10px;
  width:100%;
  max-width:420px;
  margin:0 auto;
}

.ott-social-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  min-height:44px; /* mobile touch target */
  box-sizing:border-box;

  text-decoration:none;
  border:1px solid #dee3ea;
  border-radius:0px;
  padding:12px 14px;

  font-size:14px;
  font-weight:700;
  line-height:1;
  transition:opacity .15s ease, transform .02s ease;
}

.ott-social-btn:active{transform:translateY(1px)}
.ott-social-btn:hover{opacity:.92}

.ott-social-ico{
  width:18px;height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.ott-social-ico svg{width:18px;height:18px;display:block}

/* Provider colors */
.ott-social-btn--naver{background:#03C75A;border-color:#03C75A;color:#fff}
.ott-social-btn--kakao{background:#FEE500;border-color:#FEE500;color:#000}
.ott-social-btn--google{background:#fff;border-color:#dee3ea;color:#333}

.ott-social-last-notice{margin-top:6px;font-size:13px;color:#333;text-align:center}
.ott-social-error{margin-top:8px;font-size:13px;color:#b00020;text-align:center}

/* Mobile tweaks */
@media (max-width:500px){
  .ott-social-wrap{max-width:100%;}
  .ott-social-btn{
    font-size:15px;
    padding:14px 14px;
  }
  .ott-social-ico, .ott-social-ico svg{width:20px;height:20px;}
}