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

[class^="button-"] { cursor: pointer; display: inline-flex; align-items: center; gap: 10px; width: auto !important; font-weight: 300; font-size: 16px; line-height: 20px; text-decoration: none; color: var(--primary); background: transparent; border: 1px solid var(--primary); border-radius: var(--border-radius-btn); padding: 5px 16px; transition: var(--transition); }
.cms_hasBtnYN_box:hover [class^="button-"],
[class^="button-"]:hover { display: inline-flex; color: var(--white); background: var(--primary); border: 1px solid var(--primary); border-radius: var(--border-radius-btn); text-decoration: none; }
[class^="button-"] > i { font-size: 16px; line-height: 20px; color: var(--primary); transition: var(--transition); }
.cms_hasBtnYN_box:hover [class^="button-"] > i,
[class^="button-"]:hover > i { color: var(--white); }

/* Start: Button White */
[class^="button-"].button-white { color: var(--white); background: transparent; border: 1px solid var(--white); }
.cms_hasBtnYN_box:hover [class^="button-"].button-white,
[class^="button-"].button-white:hover { color: var(--primary); background: var(--white); border: 1px solid var(--white); }
[class^="button-"].button-white > i { color: var(--white); }
.cms_hasBtnYN_box:hover [class^="button-"].button-white > i,
[class^="button-"].button-white:hover > i { color: var(--primary); }
/* End: Button White */

/* Start: Download */
.button-download:before,
.button-download:after { content: ""; width: 12px; height: 16px; transition: var(--transition); }
.button-download:before { order: 1; margin: 0 0 0 -22px; background: center right / contain no-repeat url("/pages/img/buttons/download/default.svg"); }
.button-download:after { background: center right / contain no-repeat url("/pages/img/buttons/download/hover.svg"); opacity: 0; visibility: hidden; }
.cms_hasBtnYN_box:hover .button-download:before,
.button-download:hover:before { opacity: 0; visibility: hidden; }
.cms_hasBtnYN_box:hover .button-download:after,
.button-download:hover:after { opacity: 1; visibility: visible; }
/* End: Download */

/* Start: External */
.button-external:before,
.button-external:after { content: ""; width: 6px; height: 10px; transition: var(--transition); }
.button-external:before { order: 1; margin: 0 0 0 -16px; background: center right / contain no-repeat url("/pages/img/buttons/external/default.svg"); }
.button-external:after { background: center right / contain no-repeat url("/pages/img/buttons/external/hover.svg"); opacity: 0; visibility: hidden; }
.cms_hasBtnYN_box:hover .button-external:before,
.button-external:hover:before { opacity: 0; visibility: hidden; }
.cms_hasBtnYN_box:hover .button-external:after,
.button-external:hover:after { opacity: 1; visibility: visible; }
/* End: External */

/* Start: Load */
.button-load:before,
.button-load:after { content: ""; width: 17px; height: 14px; transition: var(--transition); }
.button-load:before { order: 1; margin: 0 0 0 -27px; background: center right / contain no-repeat url("/pages/img/buttons/load/default.svg"); }
.button-load:after { background: center right / contain no-repeat url("/pages/img/buttons/load/hover.svg"); opacity: 0; visibility: hidden; }
.cms_hasBtnYN_box:hover .button-load:before,
.button-load:hover:before { opacity: 0; visibility: hidden; }
.cms_hasBtnYN_box:hover .button-load:after,
.button-load:hover:after { opacity: 1; visibility: visible; }
/* End: Load */

/* Start: Back */
.button-back:before,
.button-back:after { content: ""; width: 6px; height: 10px; transition: var(--transition); }
.button-back:before { background: center right / contain no-repeat url("/pages/img/buttons/back/default.svg"); }
.button-back:after { order: -1; margin: 0 -16px 0 0; background: center right / contain no-repeat url("/pages/img/buttons/back/hover.svg"); opacity: 0; visibility: hidden; }
.cms_hasBtnYN_box:hover .button-back:before,
.button-back:hover:before { opacity: 0; visibility: hidden; }
.cms_hasBtnYN_box:hover .button-back:after,
.button-back:hover:after { opacity: 1; visibility: visible; }
/* End: Back */

/* Start: Download White */
.button-download.button-white:before { background: center right / contain no-repeat url("/pages/img/buttons/download/hover.svg"); }
.button-download.button-white:after { background: center right / contain no-repeat url("/pages/img/buttons/download/default.svg"); }
/* End: Download White */

/* Start: External White */
.button-external.button-white:before { background: center right / contain no-repeat url("/pages/img/buttons/external/hover.svg"); }
.button-external.button-white:after { background: center right / contain no-repeat url("/pages/img/buttons/external/default.svg"); }
/* End: External White */

.align_1 { justify-content: flex-start; }
.align_2 { justify-content: center; }
.align_3 { justify-content: flex-end; }
.align_4 > .button-link { justify-content: center; width: 100% !important; text-align: center; }
/************************************ Ende: Buttons ************************************/