body { background-color: white; }

#login { width: 550px; max-width: 80%; }

.login form { background-color: white; border: 1px solid #ACACAC; border-radius: 30px; padding: 70px 50px; position: relative; }

.login .button.wp-hide-pw { position: absolute; top: 0%; transform: translate(-15%, 15%); }

.login form .input, .login input[type=password], .login input[type=text] { border: 1px solid #ACACAC; margin-bottom: 40px; background-color: transparent; border-radius: 30px; padding: 10px 30px; }

.login label { margin-left: 20px; margin-bottom: 15px; display: block; color: #ACACAC; }

.wp-core-ui .button-primary { border: 0px; cursor: pointer; background-color: #FF4539; border: 1px solid #FF4539; transition: 0.3s; color: white!important; width: fit-content;margin-left: auto;font-size: 16px;padding: 10px 45px!important;  border-radius: 30px; }
.wp-core-ui .button-primary:hover { background-color: white; color: #FF4539!important; border: 1px solid #FF4539; }

p.forgetmenot { transition: 0.3s; opacity: 0.5; position: absolute; bottom: 20px; left: 20px; float: none; display: flex; align-items: baseline; background-color: #FF4539; padding: 10px 20px; color: white; display: flex; justify-content: center; align-items: center; border-radius: 30px; gap: 10px; }
p.forgetmenot:hover { opacity: 1; }
.login .forgetmenot label, .login .pw-weak label { margin: 0px; color: white; }

input[type=checkbox], input[type=radio] { position: relative; bottom: -3px; }

.login #login_error { padding: 25px 20px; border-radius: 30px; border: 1px solid #d63638; text-align: center; }
.login #login_error a { color: #d63638; text-decoration: none; transition: 0.3s; position: relative; display: block; width: fit-content; margin: auto; }
.login #login_error a::after { content: ""; position: absolute; bottom: -2px; left: 0px; width: 100%; background-color: #d63638; height: 1px; transition: 0.3s; }
.login #login_error a::before { content: ""; position: absolute; bottom: -2px; right: 0px; width: 0%; background-color: #d63638; height: 1px; transition: 0.3s; }
.login #login_error a:hover { color: #181733; }
.login #login_error a:hover::after { width: 0%; transition: 0.3s; }
.login #login_error a:hover::before { width: 100%; transition: 0.6s; }

.login #login_error, .login .message, .login .success { padding: 25px 20px 10px 20px; border-radius: 30px; border: 1px solid #72aee6; text-align: center; }

.login #nav { width: 38%; display: inline-block; }
p#backtoblog { width: 38%; display: inline-block; }

#language-switcher { position: absolute; bottom: 10px; right: 10px; opacity: 0.5; transition: 0.3s; display: flex; flex-direction: column; gap: 10px; }
#language-switcher label { display: none; }
#language-switcher:hover { opacity: 1; transition: 0.3s; }

.wp-core-ui .button, .wp-core-ui .button-secondary { color: #FF4539; }
.login .button.wp-hide-pw:focus { border-color: #FF4539; box-shadow: 0 0 0 1px #FF4539; }

@media screen and (max-width: 640px) {
    #login { max-width: 90%; overflow: hidden; }
    .login form { padding: 25px 20px 90px 20px; }

    .wp-core-ui .button-primary { width: 100%; }

    .login form .input, .login input[type=password], .login input[type=text] { margin-bottom: 10px; }

    .login #nav { width: 100%; }
    p#backtoblog { width: 100%; }
}