/* PROFESSIONAL BUTTON */

.btn{
padding:10px 18px;
border:none;
border-radius:10px;
cursor:pointer;
font-weight:600;
transition:.2s;
}

.btn:hover{
transform:translateY(-2px);
box-shadow:0 6px 15px rgba(0,0,0,.2);
}

/* COPY EMAIL */

.copy{
background:linear-gradient(135deg,#00c6ff,#0072ff);
color:white;
}

/* CHANGE EMAIL */

.change{
background:linear-gradient(135deg,#00ff9d,#00c853);
color:white;
}

/* CLOSE BUTTON */

.close-btn{
background:#ff3b30;
color:white;
}

/* GOOGLE BUTTON */

.google-btn{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
padding:12px;
border-radius:12px;
background:white;
color:#444;
font-weight:600;
border:none;
box-shadow:0 4px 15px rgba(0,0,0,.15);
transition:.2s;
}

.google-btn:hover{
transform:scale(1.03);
}

/* POPUP BUTTON GROUP */

.popup-buttons{
display:flex;
gap:10px;
justify-content:center;
margin-top:10px;
flex-wrap:wrap;
}

/* OTP CODE */

.otp-code{
font-size:36px;
letter-spacing:8px;
font-weight:bold;
color:#00ffc6;
animation:otpGlow 1s infinite alternate;
}

@keyframes otpGlow{
from{ text-shadow:0 0 5px #00ffc6;}
to{ text-shadow:0 0 20px #00ffc6;}
}

/* EMAIL ROW HOVER */

.inbox-table tbody tr{
cursor:pointer;
transition:.2s;
}

.inbox-table tbody tr:hover{
background:#f5f7fa;
}

/* EMAIL PREVIEW MODAL */

.email-preview{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.6);
display:none;
justify-content:center;
align-items:center;
}

.email-preview-box{
background:white;
padding:25px;
border-radius:12px;
width:450px;
max-width:90%;
}