﻿.card-content-carousel {
    display: flex;
    gap: 2.5rem;
}

@media (width < 37.5rem) {
    .card-content-carousel {
        gap: 0;
    }
}

.card-content-carousel-title:not(:first-child) {
    margin-block-start: 1.25rem;
}

.card-content-carousel-summary {
    margin-block-start: 1.25rem;
}

.card-content-carousel-link {
    margin-block-start: 1.875rem;
}

.glide__arrows {
    display: contents;
}

.glide__arrow, .glide__arrow:hover {
    --button-height: 0;
    --button-border: none;
    --button-background: transparent;
    --button-padding: 0;
}

.glide__arrow {
    --button-color: var(--color-gray-600);
    flex-shrink: 0;
    flex-basis: 2.5rem;
}

    .glide__arrow svg {
        display: block;
        width: 100%;
    }

.glide__arrow--left {
    order: -1;
}

@media (width < 37.5rem) {
    .glide__arrow {
        width: var(--gutter);
        padding: 0.625rem;
    }

    .glide__arrow--left {
        margin-inline-start: calc(-1 * var(--gutter));
        padding-inline-end: 1.25rem;
    }

    .glide__arrow--right {
        margin-inline-end: calc(-1 * var(--gutter));
        padding-inline-start: 1.25rem;
    }
}
