.cards__category {
    img {
        border-radius: var(--radius-8);
    }
    h3 {
        font-weight: var(--font-weight-400);
        color: var(--primary-500);
        margin-bottom: 0;
    }
    .cards__list {
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        padding: 1rem 0;
        max-width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        @media (min-width: 768px) {
            overflow-x: visible;
            padding: 0;
        }
    }
    .card {
        padding: 1.5rem;
        min-width: 70vw;
        scroll-snap-align: start;
        border: 1px solid var(--black-opacity-10);
        @media (min-width: 768px) {
            flex: 1;
            min-width: auto;
            max-width: 22rem;
        }
        &:hover {
            border: 1px solid var(--black-opacity-10);
            .card__inner {
                border: none;
                outline: none;
                border-radius: 0;
                overflow: visible;
            }
        }
        &:has(.card__disclaimer) {
            box-shadow: 0 0 1rem 0 rgba(243, 83, 43, 0.50);
        }
        li {
            position: relative;
            font-size: .875rem;
        }
    }
    .card__inner {
        border: none;
        overflow: visible;
    }
    .card__content {
        padding: 1.125rem 0 0;
        gap: 1rem;
    }
    .card__disclaimer {
        justify-content: flex-start;
        padding: 0 0.75rem;
        transform: translateY(-0.75rem);
        &>div {
            border-radius: 30rem;
            font-size: 1rem;
        }
    }
}