.oauth_wrapper{
    background-color:var(--secondary);
    border-radius:0;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    gap:5px;
    padding-block:20px 10px;
    width:800px;
}
.oauth_providers{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

a > button.oauth_provider{
    background-color: #1214187a !important;
    padding: 10px;
    color: white !important;
    backdrop-filter:blur(10px);
    border: 3px solid var(--third) !important;
}
.auth-container{
    border: 3px solid var(--secondary);
}

.auth-container h2.heading{
    border-radius:5px 5px 0 0;
    font-size:2.5rem;
    background-color:var(--third);
}

.oauth_wrapper{
    width:auto;
}
.oauth_providers{
    flex-direction: row !important;
}
button.oauth_provider > span{
    display:none;
}
button.oauth_provider{
    padding:10px !important;
    padding-right: 10px !important;
}
.oauth_wrapper button.with_icon.brand{
    padding-left: 0 !important;
    padding: 20px !important;
}
.oauth_wrapper button.with_icon.brand::before{
    left: 50% !important;
    translate: -50% -50% !important;
}
form{
    padding-top: 0 !important;
}
@media (width <= 768px){

}