/*button*/
.blue-btn {
    background: #416bf1;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 18px 28px;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 14px 28px rgba(92, 83, 255, .22);
}
.white-btn {
    background: #ffffff;
    color: #000000;
    border: none;
    border-radius: 10px;
    padding: 18px 28px;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 14px 28px rgba(92, 83, 255, .22);
}

/*button*/
.colored-btn {
    background: linear-gradient(90deg, var(--blue), var(--purple));
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px 18px;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 14px 28px rgba(158, 153, 255, 0.22);
}



/* google button*/
.google-btn {
    display: block;
    width: 100%;
    padding: 10px 16px;
    background: #ffffff;
    border: 1px solid #dddcdc;
    border-radius: 12px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    box-shadow: 0 14px 28px rgba(216, 216, 216, 0.22);
}

.google-btn:hover {
    background: #f7f7f7;
}
.google-text {
    margin-left: 6px;
    /* فاصله بعد از with */
}
.g1 {
    color: #4285F4;
}

.g2 {
    color: #EA4335;
}

.g3 {
    color: #FBBC05;
}

.g4 {
    color: #4285F4;
}

.g5 {
    color: #34A853;
}

.g6 {
    color: #EA4335;
}