div.downloads_card { padding: var(--wrapper-margin) var(--wrapper-margin) calc(var(--wrapper-margin) - var(--gutter)); display: flex; flex-wrap: wrap; background: white; border-radius: 8px;   margin-bottom: var(--wrapper-margin)  }
div.downloads_card > div  { width: var(--grid-third); margin-right: var(--gutter); margin-bottom: var(--gutter); }
div.downloads_card > div  :last-child { margin-bottom: 0 !important;}

@media all and (min-width:1200px) {
    div.downloads_card > div {
        width: var(--grid-quarter);
    }

}
@media all and (max-width: 899px) {

    div.downloads_card > div { width: 100%; margin-right: 0; margin-bottom: 24px;  }

}

ul.downloads {
    margin: var(--gutter) 0;
}
div.downloads_card > ul.downloads {
    margin: 0;  flex: 1;

}

ul.downloads:last-child {
    margin: 0;
}

ul.downloads li {
    list-style: none;
    margin-bottom: var(--gutter);


    font-size: var(--bodytext_size);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;

    display: flex;
}
ul.downloads li strong {
    font-weight:700;
}


ul.downloads li:last-child{
    margin-bottom: 0;
}



ul.downloads li a {
     width:100%;
    display: flex;/* align-items: center;*/


    border: 1px solid var(--light-purple);
    background: #FFF;

    border-radius: 8px;
    transition: background-color 0.2s ease;
    color: var(--black);

    box-shadow: 0px 8px 16px 0px rgba(167, 141, 252, 0.20);
}




ul.downloads li a picture{
    display: block;
    position: relative; width: 122px;
}
ul.downloads li a div{

    display: flex; align-items: center;padding: 32px; flex:1;
}
ul.downloads li a span{
    display: block;
    flex: 1; padding-right: 1em;
}
ul.downloads li a span span{
    padding-top:4px;
    padding: 0; font-size: 16px; color: rgba(29,29,29,0.8);
 }

ul.downloads li a div::after {
     content: attr(data-ext); border-radius: 8px;
    color: white; text-transform: uppercase;
    background:var(--red);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;

    line-height: 2.33333em;
    height: 2.33333em;
    min-width: 1.666666666666667em;
    text-align: center;
    padding: 0 0.2222em;
 }
ul.downloads li a div[data-ext=""]::after{ display: none;}



ul.downloads li a:focus-visible {  box-shadow: 0 0 0 3px white, 0 0 0 5px var(--orange);   }

ul.downloads li a:focus-visible,
ul.downloads li a:hover {
    background:  rgba(63, 95, 222, 0.10);

}
/*ul.downloads li a:focus-visible::after,
ul.downloads li a:hover::after {
    background:var(--hero-blue);
}*/

@media all and (max-width: 899px) {

    ul.downloads li a div {
        padding: 24px;
    }

    ul.downloads li a div::after  {
        font-size: 16px;
        line-height:2em;
        height:2em;
        min-width: 1.75em;
        padding: 0 0.125em;
    }
}
@media all and (max-width: 599px) {

   ul.downloads li a  div{
       padding: 16px;
   }
}