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

.button-link > a { cursor: pointer; position: relative; display: inline-flex; width: auto !important; font-family: "dashiell-fine", serif; font-weight: 400; font-size: 17px; line-height: 18px; letter-spacing: 1.87px; color: var(--black); background: transparent; border: none; border-radius: 0; padding: 0 0 8px 0; transition: var(--transition); text-decoration: none; }
.button-link > a:hover { display: inline-flex; color: var(--black); background: transparent; border: none; border-radius: 0; text-decoration: none; }
.button-link > a:before { content: ""; position: absolute; z-index: 1; inset: auto auto 0 50%; transform: translateX(-50%); width: calc(100% - 38px); height: 1px; background: var(--quaternary); transition: var(--transition); }
.button-link > a:hover:before { width: 100%; background: var(--primary); }

.button-link-2 > a { cursor: pointer; position: relative; display: inline-flex; width: auto !important; font-family: "dashiell-fine", serif; font-weight: 400; font-size: 17px; line-height: 18px; letter-spacing: 1.87px; color: var(--black); background: transparent; border: none; border-radius: 0; padding: 0 0 8px 0; transition: var(--transition); text-decoration: none; }
.button-link-2 > a:hover { display: inline-flex; color: var(--black); background: transparent; border: none; border-radius: 0; text-decoration: none; }
.button-link-2 > a:before { content: ""; position: absolute; z-index: 1; inset: auto auto 0 0; width: 42px; height: 1px; background: var(--quaternary); transition: var(--transition); }
.button-link-2 > a:hover:before { width: 100%; background: var(--primary); }

.button-load > a { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.button-load-icon { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 36px; height: 36px; border: 1px solid var(--primary); border-radius: 50%; transition: var(--transition); }
.button-load > a:hover .button-load-icon { background: var(--primary); }
.button-load-icon > svg { display: flex; width: 22px; height: 19px; transition: var(--transition); will-change: transform; }
.button-load > a:hover .button-load-icon > svg { transform: rotate(45deg); }
.button-load-icon > svg > path { stroke: var(--black); transition: var(--transition); }
.button-load > a:hover .button-load-icon > svg > path { stroke: var(--white); }
.button-load > a > span { position: relative; font-family: "dashiell-fine", serif; font-weight: 400; font-size: 17px; line-height: 18px; letter-spacing: 1.87px; color: var(--black); padding: 0 0 8px 0; transition: var(--transition); }
.button-load > a:hover > span { color: var(--black); }
.button-load > a > span:before { content: ""; position: absolute; z-index: 1; inset: auto auto 0 50%; transform: translateX(-50%); width: calc(100% - 38px); height: 1px; background: var(--quaternary); transition: var(--transition); }
.button-load > a:hover > span:before { width: 100%; background: var(--primary); }

.button-download > a { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.button-download-icon { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 36px; height: 36px; border: 1px solid var(--primary); border-radius: 50%; transition: var(--transition); }
.button-download > a:hover .button-download-icon { background: var(--primary); }
.button-download-icon > svg { display: flex; width: 16px; height: 18px; }
.button-download-icon > svg > path { stroke: var(--black); transition: var(--transition); }
.button-download > a:hover .button-download-icon > svg > path { stroke: var(--white); }
.button-download > a > span { position: relative; font-family: "dashiell-fine", serif; font-weight: 400; font-size: 17px; line-height: 18px; letter-spacing: 1.87px; color: var(--black); padding: 0 0 8px 0; transition: var(--transition); }
.button-download > a:hover > span { color: var(--black); }
.button-download > a > span:before { content: ""; position: absolute; z-index: 1; inset: auto auto 0 0; width: 42px; height: 1px; background: var(--quaternary); transition: var(--transition); }
.button-download > a:hover > span:before { width: 100%; background: var(--primary); }

main button { cursor: pointer; position: relative; display: inline-flex; width: auto !important; font-family: "dashiell-fine", serif; font-weight: 400; font-size: 17px; line-height: 18px; letter-spacing: 1.87px; color: var(--black); background: transparent; border: none; border-radius: 0; padding: 0 0 8px 0; transition: var(--transition); text-decoration: none; }
main button:hover { display: inline-flex; color: var(--black); background: transparent; border: none; border-radius: 0; text-decoration: none; }
main button:before { content: ""; position: absolute; z-index: 1; inset: auto auto 0 50%; transform: translateX(-50%); width: calc(100% - 38px); height: 1px; background: var(--quaternary); transition: var(--transition); }
main button:hover:before { width: 100%; background: var(--primary); }

a.art_link.b1 { cursor: pointer; position: relative; display: flex; width: auto; font-family: "dashiell-fine", serif; font-weight: 400; font-size: 17px; line-height: 18px; letter-spacing: 1.87px; color: var(--black); background: transparent; border: none; border-radius: 0; padding: 0; transition: var(--transition); text-decoration: none; }
a.art_link.b1:hover { display: flex; color: var(--black); background: transparent; border: none; border-radius: 0; text-decoration: none; }
a.art_link.b1 > span { position: relative; display: flex; align-items: center; padding: 0 0 8px 0; }
a.art_link.b1 > span:before { content: ""; position: absolute; z-index: 1; inset: auto auto 0 50%; transform: translateX(-50%); width: calc(100% - 38px); height: 1px; background: var(--quaternary); transition: var(--transition); }
a.art_link.b1:hover > span:before { width: 100%; background: var(--primary); }
a.art_link.b1 i { font-size: 17px; line-height: 18px; color: var(--black); margin: 0 10px 0 0; transition: var(--transition); }
a.art_link.b1:hover i { color: var(--black); }

.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; }
/************************************ Ende: Buttons ************************************/