.fnv-social-login-wrap {
display: flex;
flex-direction: column;
gap: 12px;
}
.fnv-google-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
padding: 12px 20px;
background: var(--fnv-surface);
color: var(--fnv-n-850) !important;
border: 1.5px solid var(--fnv-border);
border-radius: 0;
font-family: 'Readex Pro', sans-serif;
font-weight: 700;
font-size: .95rem;
text-decoration: none !important;
transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
box-shadow: none;
position: relative;
}
.fnv-google-btn:hover {
background: var(--fnv-grid);
border-color: var(--fnv-border);
box-shadow: none;
color: var(--fnv-n-850) !important;
}
.fnv-google-btn:active {
background: var(--fnv-grid);
box-shadow: none;
}
.fnv-google-icon {
flex-shrink: 0;
}
.fnv-google-btn__text {
font-family: 'Readex Pro', sans-serif;
font-weight: 700;
font-size: .95rem;
color: var(--fnv-n-850);
white-space: nowrap;
}
.fnv-social-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
padding: 12px 20px;
background: var(--fnv-surface);
border: 1.5px solid var(--fnv-border);
border-radius: 0;
font-family: 'Readex Pro', sans-serif;
font-weight: 700;
font-size: .95rem;
text-decoration: none !important;
color: var(--fnv-n-850) !important;
transition: background 0.2s, border-color 0.2s;
box-shadow: none;
}
.fnv-social-btn:hover {
background: var(--fnv-grid);
border-color: var(--fnv-border);
color: var(--fnv-n-850) !important;
}
.fnv-or-divider {
position: relative;
text-align: center;
}
.fnv-or-divider::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: var(--fnv-n-150);
}
.fnv-or-divider span {
position: relative;
z-index: 1;
background: var(--fnv-surface);
padding: 0 14px;
font-family: 'Readex Pro', sans-serif;
font-size: .8125rem;
font-weight: 700;
color: var(--fnv-ink-3);
}