/** Social Share Buttons **/
.social-share__container {
    display: flex;
    gap: var(--spacing-md);
    flex-wrap: wrap; /* Ensures buttons wrap on smaller screens */
    justify-content: flex-start; /* Centers the buttons */
    align-items: center; /* Vertically aligns the buttons */
}

.social-share__container a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px; /* Increased size for better touch targets */
    height: 44px; /* Increased size for better touch targets */
    padding: var(--spacing-lg);
    border-radius: var(--radius-full);
    color: var(--fg-muted);
    background: var(--bg-base); /* Added background for better contrast */
    transition: all 0.1s ease;
    text-decoration: none; /* Ensures links have no default underline */
    box-shadow: 0 0 0 1px var(--border-strong);
}

.social-share__container a:hover, 
.social-share__container a:focus {
    color: var(--fg-muted);
}

.social-share__container a:active {
    background: var(--bg-subtle);
    transform: scale(0.96);
    outline: none; /* Removes default outline */
}

.social-share__container svg {
    width: 20px; /* Adjusted size for SVG icons */
    height: 20px; /* Adjusted size for SVG icons */
}

/* Media Queries for Responsive Design */
@media (max-width: 767px) {

    .social-share__container a {
        width: 40px; /* Adjusts size on smaller screens */
        height: 40px; /* Adjusts size on smaller screens */
    }
}