/*
!* General button css *!
#fbpsc .btn-social {margin-bottom:5px !important;color: white;position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:5px;top:5px;bottom:0;width:30px;height:20px;line-height:30px;font-size:1.6em;text-align:center; margin-left: 5px;}
#fbpsc .btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
#fbpsc .btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
#fbpsc .btn-block-connect:not(.btn-facebook):not(.btn-amazon):not(.btn-google):not(.btn-paypal):not(.btn-twitter):not(.btn-pinterest):not(.btn-instagram):not(.btn-linkedin) {width: 140px;}
#fbpsc .btn-title-connect {padding-left: 20px; font-size: 14px;}
#fbpsc .btn-connect {	margin-left: 5px; margin-right: 5px; display: inline-block;	margin-bottom: 0;	text-align: center;	vertical-align: middle;	cursor: pointer;	background-image: none;	border: 1px solid transparent;	white-space: nowrap;	padding: 6px 8px;	font-size: 12px;	line-height: 1.42857;	border-radius: 3px;	-webkit-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;  }
#fbpsc .btn-connect:hover {text-decoration: none; opacity: 0.85;}
#fbpsc .btn-rounded { border-top-left-radius: 25px; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px;}

!* Facebook *!
.btn-social>.fa-bt-facebook{background: url(../img/social/facebook-f-brands.svg) no-repeat center;}
#fbpsc .btn-facebook{font-weight:bold; color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:active:hover,.btn-facebook.active:hover,.open>.dropdown-toggle.btn-facebook:hover,.btn-facebook:active:focus,.btn-facebook.active:focus,.open>.dropdown-toggle.btn-facebook:focus,.btn-facebook:active.focus,.btn-facebook.active.focus,.open>.dropdown-toggle.btn-facebook.focus{color:#fff;background-color:#23345a;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
#fbpsc .btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled.focus,.btn-facebook[disabled].focus,fieldset[disabled] .btn-facebook.focus{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}

!* Google *!
.btn-social>.fa-bt-google{background: url(../img/social/google-brands.svg) no-repeat center;}
#fbpsc .btn-google{font-weight:bold; color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:focus,.btn-google.focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-google:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active:hover,.btn-google.active:hover,.open>.dropdown-toggle.btn-google:hover,.btn-google:active:focus,.btn-google.active:focus,.open>.dropdown-toggle.btn-google:focus,.btn-google:active.focus,.btn-google.active.focus,.open>.dropdown-toggle.btn-google.focus{color:#fff;background-color:#a32b1c;border-color:rgba(0,0,0,0.2)}
#fbpsc .btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none}
#fbpsc .btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled.focus,.btn-google[disabled].focus,fieldset[disabled] .btn-google.focus{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
*/

.btn-social {
  font-weight: 700;
  text-align: center;
  color: #1D1C1B;
  background-color: #fff;
  width: fit-content;
  min-width: 200px;
  margin: 0 1rem 1.5rem;
  padding: .4rem 1rem;
  border: 2px solid #1D1C1B;
  cursor: pointer;
  display: inline-block;
  border-radius: 4px;
}
.btn-social:hover {
  color: #fff;
  background-color: #1D1C1B;
}
.btn-social:before {
  display: inline-block;
  vertical-align: sub;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.btn-facebook:before {
  content: url('../img/fb_icon.svg');
}
.btn-google:before {
  content: url('../img/google_icon.svg');
}

@media (max-width: 575px) {
  .btn-social {
    width: 100%;
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}

#checkout #fbpsc {
  margin: 1rem;
}
#module-facebookpsconnect-account #fbpsc {
  text-align: unset;
  font-weight: 400;
}
.fbpsc_or:before {
  content: '';
  display: block;
  border-top: 1px solid;
  position: absolute;
  top: .75em;
  left: 0;
  right: 0;
}
.fbpsc_or span {
  z-index: 1;
}