body.uk {
    --colMain: var(--colUK);
    --colMainAlpha: var(--colUKAlpha);
    --colMainPaleAlpha: var(--colUKPaleAlpha);
    --colMainLight: var(--colUKLight);
    --colMainDark: var(--colUKDark);
}
    body.uk .accordion h2 button::after,
    body.uk .accordion h3 button::after,
    body.uk ul.linklist li::before {
        filter: var(--tintUK)
    }

    body.uk p.icon.logo::before {
        background-image: url("../images/icon-uk-wh.svg");
    }

p.arrow a::after, p.arrow.left a::before {
    background: url('../images/icons/arrow-right-UK.svg');
    background-size: 1rem 1.75rem;
}

button.button:hover::after,
.button:hover::after,
input[type="submit"]:hover::after {
    filter: var(--tintUK)
}

/* grid */

.griditem a,
.griditem a:active,
.griditem a:visited {
    background: var(--colMainAlpha) url(../images/icons/arrow-right-UK.svg) calc(100% - 1.5rem) calc(100% - 1.8125rem) no-repeat;
    background-size: 1rem 1.75rem;
}

.griditem a:hover {
    background: transparent url(../images/icons/arrow-right-UK.svg) calc(100% - 1rem) calc(100% - 1.8125rem) no-repeat;
    background-size: 1rem 1.75rem;
}
@media only screen and (max-width: 550px) {
    .griditem a:hover {
        background: transparent url(../images/icons/arrow-right-UK.svg) calc(100% - 0.5rem) calc(100% - 1.8125rem) no-repeat;
        background-size: 1rem 1.75rem;
    }
}

/* icon grid */

.icongrid .griditem figure img {
    filter: var(--tintUK);
}