.logos-carousel h2{
    font: var(--font-headline-3);
}

:is(.logos-carousel-navigation-prev, .logos-carousel-navigation-next){
    border-width: var(--secondary-button-border-width);
    border-style: var(--secondary-button-border-style);
    border-radius: 50%;
    padding: 0.8rem;
    width: 4.8rem;
    height: 4.8rem;
    border-color: var(--secondary-button-border-color);
    background-color: var(--secondary-button-background-color);
    color: var(--secondary-button-text-color);
    box-shadow: var(--secondary-button-box-shadow);
}

:is(.logos-carousel-navigation-prev, .logos-carousel-navigation-next):is(:hover, :focus, :active){
    outline: none;
    text-decoration: none;
    border-color: var(--secondary-button-hover-border-color);
    background-color: var(--secondary-button-hover-background-color);
    color: var(--secondary-button-hover-text-color);
    box-shadow: var(--secondary-button-hover-box-shadow);
}

:is(.logos-carousel-navigation-prev, .logos-carousel-navigation-next) svg{
    width: 3.2rem;
    height: auto;
}

:is(.logos-carousel-navigation-prev, .logos-carousel-navigation-next) svg *,
:is(.logos-carousel-navigation-prev, .logos-carousel-navigation-next):is(:hover, :focus, :active) svg *{
    stroke: none;
    transition: none;
}