.app-store-icons-component {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--spacing-6xl) var(--spacing-xl);
    gap: var(--spacing-4xl);
    @media (min-width: 768px) {
        padding: var(--spacing-7xl) var(--spacing-4xl);
    }
    @media (min-width: 1024px) {
        padding: var(--spacing-9xl) var(--spacing-8xl);
    }
}
.app-store-icons-component.light {
    background-color: var(--color-white);
}
.app-store-icons-component.dark {
    background-color: #0C111D;
}
.app-store-icons-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--spacing-none);
    gap: var(--spacing-4xl);
    @media (min-width: 1024px) {
        padding: var(--spacing-none) var(--spacing-4xl);
        max-width: var(--container-max-width-desktop);
        margin: 0 auto;
    }
}
.app-store-icons-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--spacing-2xl);
    @media (min-width: 1024px) {
        max-width: var(--width-xl);
        margin: 0 auto;
    }
}
.app-store-icons-header {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    @media (min-width: 768px) {
        gap: var(--spacing-lg);
    }
}
.app-store-icons-eyebrow {
    letter-spacing: 0.0125em;
    font: var(--english-text-sm-semibold);
    [lang="ar"] & {font: var(--arabic-text-sm-semibold);}
    color: var(--color-teal-700);
    .dark & {color: var(--color-gray-dark-700-dark);}
    @media (min-width: 768px) {
        font: var(--english-text-md-semibold);
        [lang="ar"] &s {font: var(--arabic-text-md-semibold);}
    }
}
.app-store-icons-title {
    letter-spacing: -0.0125em;
    color: var(--text-primary);
    .dark & {color: var(--color-gray-900-dark);}
    font: var(--english-display-sm-semibold);
    [lang="ar"] & {font: var(--arabic-display-sm-semibold);}
    margin-bottom: 0;
    font-size: 36px;
    line-height: 44px;
    @media (min-width: 768px) {
        font: var(--english-display-lg-semibold);
        [lang="ar"] & {font: var(--arabic-display-lg-semibold);}
    }
}
.app-store-icons-subtitle {
    color: var(--color-gray-700);
    .dark & {color: #CECFD2;}
    letter-spacing: 0.03em;
    margin-bottom: 0;
    font: var(--english-text-md-regular);
    [lang="ar"] & {
        font: var(--arabic-text-md-regular);
        letter-spacing: 0em;
    }
    @media (min-width: 768px) {
        font: var(--english-text-lg-regular);
        [lang="ar"] & {
            font: var(--arabic-text-lg-regular);
            letter-spacing: 0em;
        }
    }
}
.app-store-icons-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    @media (min-width: 768px) {
        flex-direction: row;
    }
}