ul.resource_links li{
    list-style:none;
}
ul.resource_links a{
    background-image: none !important;
    background: white; color: black !important; border-radius: var(--radius);
    display: flex; align-items: center; justify-content: space-between;

    padding: 32px;
}
ul.resource_links a:is(:hover,:focus-visible){
    background: var(--hover_blue);

}
ul.resource_links a:focus-visible {
    outline: 3px solid black; box-shadow: 0 0 0 6px white;
}
ul.resource_links a i.icon { font-style: normal !important;  color: inherit;

    width: 40px; height:40px; display: block; line-height: 40px; text-align: right; margin-left:var(--gutter);

}
ul.resource_links a i.icon::after {
    font-family: "esero";
    font-size: 32px;
    content: "\e80c";color:#DB002C;
}
ul.resource_links a[href*=".pdf"] i.icon::after{
    content: "\e80c";
}
ul.resource_links a[href*="//"]:not([href*="//esero.newgraphic.ie"]):not([href*="//esero.ie"]):not([href*="//esero.ie"]):not([href*="//www.esero.ie"]):not([href^="mailto:"]) i.icon::after {
    content: "\e805";color:inherit;
}

@media all and (max-width: 1199.98px) {
    ul.resource_links a {
        padding: 24px;
    }

}
@media all and (max-width:899.98px) {
ul.resource_links a i.icon::after {
    font-size: 24px;
}
}
@media all and (max-width: 599.98px) {
    ul.resource_links a {
        padding: 24px;
    }
}