.byebyepw-passkey-button {
display: block;
width: 100%;
margin: 20px 0;
padding: 12px;
background: #2271b1;
color: #fff;
border: none;
border-radius: 3px;
font-size: 14px;
cursor: pointer;
text-align: center;
transition: background 0.2s;
}
.byebyepw-passkey-button:hover {
background: #135e96;
}
.byebyepw-passkey-button:disabled {
opacity: 0.6;
cursor: not-allowed;
} .byebyepw-login-divider {
margin: 20px 0;
text-align: center;
position: relative;
}
.byebyepw-login-divider:before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
background: #dcdcde;
}
.byebyepw-login-divider span {
background: #fff;
padding: 0 10px;
position: relative;
color: #50575e;
font-size: 13px;
} .byebyepw-toggle-password {
display: block;
margin-top: 10px;
color: #2271b1;
text-decoration: none;
font-size: 13px;
cursor: pointer;
}
.byebyepw-toggle-password:hover {
color: #135e96;
text-decoration: underline;
} .byebyepw-message {
margin: 10px 0;
padding: 10px;
border-left: 4px solid;
background: #fff;
}
.byebyepw-message.error {
border-color: #d63638;
background: #fcf0f1;
color: #d63638;
}
.byebyepw-message.success {
border-color: #00a32a;
background: #f0f8ff;
color: #00a32a;
} .byebyepw-spinner {
display: inline-block;
width: 16px;
height: 16px;
border: 2px solid #f3f3f3;
border-top: 2px solid #2271b1;
border-radius: 50%;
animation: byebyepw-spin 1s linear infinite;
margin-left: 8px;
vertical-align: middle;
}
@keyframes byebyepw-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .byebyepw-hidden {
display: none !important;
} #byebyepw-password-fields {
transition: opacity 0.3s;
}
#byebyepw-password-fields.byebyepw-hidden {
opacity: 0;
height: 0;
overflow: hidden;
} #byebyepw-login-section {
margin: 20px 0;
} .byebyepw-divider {
text-align: center;
margin: 20px 0;
}
.byebyepw-divider span {
background: #fff;
padding: 0 10px;
} #byebyepw-authenticate-passkey,
#byebyepw-submit-recovery {
width: 100%;
} .byebyepw-option-text {
margin-top: 10px;
text-align: center;
} #byebyepw-recovery-form {
display: none;
} .byebyepw-password-disabled #loginform #user_login,
.byebyepw-password-disabled #loginform label[for="user_login"],
.byebyepw-password-disabled #loginform .user-login-wrap,
.byebyepw-password-disabled #loginform #user_pass,
.byebyepw-password-disabled #loginform label[for="user_pass"],
.byebyepw-password-disabled #loginform .user-pass-wrap,
.byebyepw-password-disabled #loginform .forgetmenot,
.byebyepw-password-disabled #loginform #wp-submit,
.byebyepw-password-disabled #nav {
display: none !important;
}
.byebyepw-password-disabled .byebyepw-divider {
display: none !important;
}