/* ***************** *******************************************************************
* WordPress Theme  | LanteasOpenSoclePremiumThemeChild [Bouton OpenID Connect] - Lanteas.
* ***************** *******************************************************************
*/

.openid-connect-login-button .button.button-large {
    border-top-style: solid;
    border-top-color: var(--picto-color-hover,#9996A3) !important;
    border-top-width: 5px;
    position: relative;
    display: inline-block;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    margin: 1rem;
    transition: all 220ms;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    background-color: white;
    color: #9996a3;
    font-size: 125%;
    border-radius: 4px !important;
    padding: 1rem 2rem;
}

.openid-connect-login-button .button.button-large:hover {
    transform: scale(1.15);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    background-color: var(--picto-color-hover,#9996A3) !important;
    border-color: transparent;
    color: #fff;
}

.openid-connect-login-button .button.button-large:before,
.openid-connect-login-button .button.button-large:after{
	content: "";
	color: inherit;
	line-height: 1em;
	font-size: 1em;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
	font-size: inherit;
	text-rendering: auto;
}

.openid-connect-login-button .button.button-large:before{
	content: "\f090";
	content: "\f007";
    margin-right: 0.5rem;
}
/*
.openid-connect-login-button .button.button-large:after{
	content: "\f234";
    margin-left: 0.5rem;
}
*/

@media only screen and (max-width: 767px){
    .openid-connect-login-button .button.button-large {
        margin: 0;
    }
}