@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

.glass {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
}

/* Center the vpn-container */
.vpn-container {
    display: flex;
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    width: 100%; /* Full width for centering */
    padding: 1rem 0; /* Space above footer */
}

/* Style the VPN link */
.vpn-link {
    display: inline-flex;
    align-items: center; /* Vertically align logo and text */
    gap: 0.75rem; /* Space between logo and text */
    color: #1a73e8; /* Blue link color */
    text-decoration: none; /* No underline */
    font-size: 1.125rem; /* Readable size */
    font-weight: 500; /* Medium weight */
    padding: 0.5rem 1rem; /* Clickable area */
    border-radius: 0.375rem; /* Rounded corners */
    transition: background-color 0.2s ease, color 0.2s ease;
}

.vpn-link:hover {
    background-color: #f0f4f8; /* Light hover background */
    color: #1557b0; /* Darker blue on hover */
}

/* Style the VPN logo as background image */
.vpn-logo {
    display: inline-block;
    width: 32px; /* Adjust based on logo size */
    height: 32px; /* Adjust based on logo size */
    background-image: url('/shopping.mania/images/vpn-logo.png'); /* Update to correct path */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}