/* Linktree Container Styling */
.linktree-container {
    background-color: rgba(255, 255, 255, 0.85); /* Near-transparent white background */
    border-radius: 15px; /* Curved corners */
    padding: 20px;
    width: 90%; /* Adjust width as needed */
    max-width: 400px; /* Limit maximum width */
    margin: 20px auto; /* Center on the page */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* Subtle shadow for depth */
    text-align: center;
    backdrop-filter: blur(5px); /* Light background blur */
}

/* Link Styling */
.linktree-links a {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 1.1em;
    padding: 10px;
    margin: 5px 0;
    text-decoration: none;
    border-radius: 10px;
    transition: background-color 0.3s, color 0.3s;
}

/* Icon Styling */
.linktree-links a i {
    margin-right: 8px; /* Space between icon and text */
    color: #fac51c; /* Icon color matching theme */
}

/* Hover effect */
.linktree-links a:hover {
    background-color: #fac51c; /* Background on hover */
    color: white;
}

.linktree-links a:hover i {
    color: white; /* Change icon color on hover */
}

/* Icon color customization for Linktree */
.linktree-links a .fa-link .fa-facebook .fa-instagram .fa-calendar {
    color: white; /* Match theme color or set a unique color */
}