/* Base Style for Buttons */
.btn {
    font-size: 18px; /* Font size */
    font-weight: 600; /* Medium-bold text */
    color: black; /* Text color black */
    text-align: center; /* Center text */
    text-decoration: none; /* Remove underline */
    padding: 16px 40px; /* Larger padding */
    border-radius: 50px; /* Fully rounded corners */
    display: inline-block; /* Inline display */
    transition: all 0.3s ease; /* Smooth transition */
    position: relative; /* Position for pseudo elements */
    font-family: Arial, sans-serif; /* Simple font */
}

/* Geo APK Player Button - Light Pastel Gradient */
.geo-btn {
    background: linear-gradient(135deg, #a1c4fd, #c2e9fb); /* Light blue to light cyan gradient */
    color: black; /* Black text */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Soft shadow */
}

.geo-btn:hover {
    background: linear-gradient(135deg, #c2e9fb, #a1c4fd); /* Reverse gradient on hover */
    transform: translateY(-6px); /* Lift effect */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); /* Shadow deepens */
}

/* Xtream-Masters Button - Light Pastel Gradient */
.xtream-btn {
    background: linear-gradient(135deg, #fbc2eb, #a6c1ee); /* Light pink to light purple gradient */
    color: black; /* Black text */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Soft shadow */
}

.xtream-btn:hover {
    background: linear-gradient(135deg, #a6c1ee, #fbc2eb); /* Reverse gradient on hover */
    transform: translateY(-6px); /* Lift effect */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); /* Shadow deepens */
}

/* Icon Styling */
.btn i {
    margin-right: 12px; /* Space between icon and text */
    font-size: 20px; /* Icon size */
    vertical-align: middle; /* Align icon with text */
}

/* Hover Animations for the Buttons */
.btn:hover {
    transform: translateY(-8px); /* Slight lift on hover */
    cursor: pointer; /* Pointer cursor on hover */
}

/* Adding a subtle underline effect when hovering */
.btn:hover::after {
    content: ''; /* Empty content */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: black; /* Underline effect */
    border-radius: 50px;
}