.desc {
        white-space: pre-line;
    }

    @media (min-width: 768px){
        .desc {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
        }
        .desc.expanded {
            display: block;
            -webkit-line-clamp: unset;
            overflow: visible;
        }
    }

    /* Hide toggle by default on desktop; JS will show it only when needed */
    @media (min-width: 768px){
        [data-toggle-desc]{
            display:none;
        }
        [data-toggle-desc].show{
            display:inline;
        }
    }