.google-btn {
   display: flex;
   align-items: center;
   justify-content: center;  /* centers content horizontally */
   gap: 8px; /* space between image and text */
   padding: 12px 16px;
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 6px;
   cursor: pointer;
   font-family: Arial, sans-serif;
   font-size: 14px;
   color: #444;
   transition: background 0.3s ease;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   width: 100%; /* full width of parent */
}
.google-btn:hover {
    background-color: #f7f7f7;
}

.google-btn img {
    height: 20px;
    margin-right: 10px;
}