ul.downloads { }
.downloadsholder:not(:first-child) { margin-top: calc(var(--gutter) * 1); }
.downloadsholder:not(:last-child) { margin-bottom: calc(var(--gutter) * 1); }
ul.downloads li { list-style: none !important; margin: 24px 0; }

ul.downloads li a{ display: flex; align-items: center;
    border-radius: 8px;
    border: 1px solid #EAEEF1;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(207, 204, 204, 0.25);

    padding: 20px;

    color: var(--darker_blue);
    font-size: 18px;
}

ul.downloads li a span.t{
    padding-right: 1em; font-weight: 600;
}
ul.downloads li a span.i{
    margin-left: auto; font-size: 16px;
}
ul.downloads li a i.icon:first-child:after{
    content:"";
        font-family: "amarenco"; font-size: 40px;min-width: 48px;width: 48px; height: 48px;
    display: flex; align-content: center; align-items: center; justify-content: center;   content:"\e803";
    margin-right: 0.75em;
}

ul.downloads li a i.icon:last-child{
    margin-left: 12px;  justify-self: flex-end;
}
ul.downloads li a i.icon:last-child:after{
    content:"";
    font-family: "amarenco"; font-size: 28px;min-width: 36px;  width: 36px; height: 36px;
    display: flex; align-content: center; align-items: center; justify-content: center;    /*border:2px solid white; */content:"\e802";
    color: var(--orange);
}

ul.downloads li a:is(:hover,:focus-visible){
    background-color: var(--amarenco_blue); color:white;
}
ul.downloads li a:is(:hover,:focus-visible) i.icon:last-child:after{
     color:white;
}

@media all and (max-width: 899.98px) {
    ul.downloads li a i.icon:first-child:after{
        font-size: 24px;min-width: 28px;width: 28px; height: 28px;
    }
    ul.downloads li a i.icon:last-child:after{
        font-size: 22px;min-width: 24px;  width: 24px; height: 24px;
    }

}