/*  COMPONENT: BACKLINK
//////////////////////////////////////////////////////////////////////////////*/

@layer components {
    .component--backlink {
    }
    .backlink {
        spadding-inline: var(--spacing-m);
    }
    .backlink .ce_hyperlink {
        border: none !important;
    }
    .backlink .ce_hyperlink a {
        padding-right: var(--spacing-s);
        background: var(--color-white);
    }
    .backlink .ce_hyperlink a:hover {
        transform: none;
        padding-left: 0;
        background: var(--color-white);
        outline: 1px solid var(--color-mbz-grey-500);
        outline-offset: -1px;
    }
    .backlink .ce_hyperlink .hyperlink_txt::after {
        content: "";
        display: none;
    }
    .backlink .ce_hyperlink .hyperlink_txt::before {
        content: "";
        display: block;
        width: 2rem;
        height: 2rem;
        width: var(--size-icon);
        height: var(--size-icon);
        transform: rotate(180deg);
        transition: transform 0.3s;
        background-image: url(../../images/icons/icon--next.svg);
        background-size: 30px;
        background-repeat: no-repeat;
        background-position: center;
    }
    @media (max-width: 980px) {
        .ce_hyperlink .hyperlink_txt {
            padding-left: var(--spacing-s);
            justify-content: start !important;
        }
        .ce_hyperlink .hyperlink_txt:hover {
            padding-left: var(--spacing-s) !important;
        }
    }
}