.c-social-logins{
  padding:0
}
.c-social-logins:not(:last-child){
    margin-bottom:1.5rem;
  }
.c-social-login{
  min-width:338px;
  margin:0.6rem 0 0 0;
  padding:0;
  overflow:hidden;
  text-decoration:none;
  border:none;
  border-radius:5px
}
.c-social-login.c-btn{
    padding:0;
  }
.c-social-login:not(:last-child){
    margin-right:0.6rem;
  }
.c-social-login:hover,
  .c-social-login.focus-visible:focus{
    text-decoration:none;
    border:0;
    opacity:0.5;
  }
.c-social-login > .inner{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    height:44px;
  }
.c-social-login .icon{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    width:40px;
    height:100%;
    color:#fff;
    text-align:center
  }
.c-social-login .icon img{
      width:100%;
    }
.c-social-login .text{
    display:inline-block;
    -webkit-box-flex:1;
    -webkit-flex:1;
        -ms-flex:1;
            flex:1;
    padding:0 20px;
    color:#fff;
    font-weight:bold;
    text-align:center;
  }
.c-social-login._yahoo{
    background:#ff0033
  }
.c-social-login._yahoo .icon{
      padding:0 5px 0 5px;
      font-size:3rem;
      background:#ff0033;
    }
.c-social-login._google{
    background:#4285f4;
    border-radius:0
  }
.c-social-login._google .icon{
      display:-webkit-box;
      display:-webkit-flex;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -webkit-align-items:center;
           -ms-flex-align:center;
              align-items:center;
      padding:2px;
      font-size:0;
      text-align:left;
    }
.c-social-login._google .text{
      font-family:"Roboto", sans-serif;
    }
.c-social-login._facebook{
    background:#1877f2
  }
.c-social-login._facebook .icon{
      padding:0 2px;
      background:#1877f2;
    }
.c-social-login._line{
    background:#00c300
  }
.c-social-login._line .icon{
      padding:0 4px;
      border-right:1px solid #00b300;
    }
.c-social-login._line:hover,
    .c-social-login._line.focus-visible:focus{
      background:#00e000;
      opacity:1
    }
.c-social-login._line:hover .icon, .c-social-login._line.focus-visible:focus .icon{
        border-right:1px solid #00c900;
      }
.c-social-login._line:active{
      background:#00b300;
      opacity:1
    }
.c-social-login._line:active .icon{
        border-right:1px solid #009800;
      }
.c-social-login._twitter{
    background:#1da1f2
  }
.c-social-login._twitter .icon{
      padding:0 2px;
      background:#1da1f2;
    }
.c-social-btn{
  display:inline-block;
  width:40px;
  margin:0 0 1rem 0;
  padding:0;
  text-decoration:none;
  vertical-align:middle;
  background:transparent;
  border:none
}
.c-social-btn:not(:last-child){
    margin-right:1.5rem;
  }
.c-social-btn .icon{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;
    text-align:center
  }
.c-social-btn .icon img{
      width:100%;
    }
.c-social-btn._yahoo{
    height:40px;
    background:#ff0033;
    border-radius:50%
  }
.c-social-btn._yahoo .icon{
      height:100%;
      padding:0 6px;
    }
.c-social-btn._google{
    width:187px;
  }
.c-social-btn_wrap{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  width:calc(210px + 12em)
}
.c-social-btn_wrap .text{
    width:12em;
    margin-top:-1rem
  }
.c-social-btn_wrap .text-status{
    padding-left:210px
  }
.c-social-btn_wrap .btn{
    width:210px;
    padding-right:1.5rem
  }