uix-sponsors-page {
    div.cta-buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        max-width: 500px;
        margin: auto;
        & > button {
            width: 100%;
            flex: 1;
            & > a {
                word-break: keep-all;
                white-space: nowrap;
            }
        }
    }
    .sponsors-section {
        padding: 80px;
    }
    
    .sponsors-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
        padding: 2rem 0;
        align-items: center;
        justify-items: center;
    }
    
    .sponsor-item {
        transition: filter 0.1s ease, transform 0.3s ease;
        filter: brightness(0);
        width: 100%;
        max-width: 200px;
        height: auto;
        padding: 1rem;
        &:hover {
            filter: none !important;
            transform: scale(1.05);
        }
    }
    
    .spns-link {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
    }
    
    .sponsor-img {
        max-width: 100%;
        max-height: 80px;
        object-fit: contain;
    }
    
    
    
    @media screen and (max-width: 1200px) {
        .sponsors-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media screen and (max-width: 480px) {
        .sponsors-grid {
            grid-template-columns: repeat(1, 1fr);
        }
    }
    
    @media screen and (min-width: 1200px) {
        .intro {
            margin-top: 80px;
            margin-bottom: 80px;
        }
    }
    
}