/************************************ Start: Buttons ************************************/
.full_article_link { position: absolute; z-index: 11; inset: 0; }


.button-link > a {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    width: auto !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: var(--white);
    background: var(--tertiary);
    border: 1px solid var(--tertiary);
    border-radius: 0;
    padding: 14px 46px 14px 20px;
    transition: var(--transition);
    text-decoration: none;
}
.cms_hasBtnYN_box:hover .button-link > a,
.button-link > a:hover { display: inline-flex; color: var(--white); background: var(--primary); border: 1px solid var(--primary); border-radius: 0; text-decoration: none; }
.button-link > a:before { content: ""; position: absolute; z-index: 1; top: 50%; right: 20px; transform: translate(0,-50%); width: 17px; height: 17px; background: center left / contain no-repeat url("/pages/img/button-link/arrow.svg"); will-change: transform; transition: var(--transition); }
.cms_hasBtnYN_box:hover .button-link > a:before,
.button-link > a:hover:before { transform: translate(5px,-50%); }


main button {
    position: relative;
	cursor: pointer;
	display: inline-flex;
	width: auto !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: var(--white);
    background: var(--tertiary);
    border: 1px solid var(--tertiary);
    border-radius: 0;
    padding: 14px 46px 14px 20px;
    transition: var(--transition);
    text-decoration: none;
}
main button:hover { display: inline-flex; color: var(--white); background: var(--primary); border: 1px solid var(--primary); border-radius: 0; text-decoration: none; }
main button:before { content: ""; position: absolute; z-index: 1; top: 50%; right: 20px; transform: translate(0,-50%); width: 17px; height: 17px; background: center left / contain no-repeat url("/pages/img/button-link/arrow.svg"); will-change: transform; transition: var(--transition); }
main button:hover:before { transform: translate(5px,-50%); }


a.art_link.b1 {
	cursor: pointer;
	display: flex;
    align-items: center;
    gap: 11px;
	width: auto;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: var(--white);
    background: var(--tertiary);
    border: 1px solid var(--tertiary);
    border-radius: 0;
    padding: 14px 20px;
    transition: var(--transition);
    text-decoration: none;
}
a.art_link.b1:hover { display: flex; color: var(--white); background: var(--primary); border: 1px solid var(--primary); border-radius: 0; text-decoration: none; }
a.art_link.b1:before { content: ""; order: 3; width: 17px; height: 17px; background: center left / contain no-repeat url("/pages/img/button-link/arrow.svg"); will-change: transform; transition: var(--transition); }
a.art_link.b1:hover:before { transform: translateX(5px); }
a.art_link.b1 > i { font-size: 16px; line-height: 20px; color: var(--white); margin: 0 -1px 0 0; transition: var(--transition); }
a.art_link.b1:hover > i { color: var(--white); }
.align_1 { justify-content: flex-start; }
.align_2 { justify-content: center; }
.align_3 { justify-content: flex-end; }
.align_4 > a.art_link.b1 { justify-content: center; width: 100% !important; text-align: center; }


@media screen and (max-width: 959px) {
    .button-link > a { font-weight: 600; font-size: 14px; line-height: 16px; letter-spacing: 2.1px; padding: 11px 38px 11px 17px; }
    .button-link > a:before { right: 17px; width: 13px; height: 13px; }

    main button { font-weight: 600; font-size: 14px; line-height: 16px; letter-spacing: 2.1px; padding: 11px 38px 11px 17px; }
    main button:before { right: 17px; width: 13px; height: 13px; }

    a.art_link.b1 { gap: 10px; font-weight: 600; font-size: 14px; line-height: 16px; letter-spacing: 2.1px; padding: 11px 17px; }
    a.art_link.b1:before { width: 13px; height: 13px; }
}
/************************************ Ende: Buttons ************************************/