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

/* Start: Buttons Base */
a[class*="button-"],
main button,
form#frmLogin button { cursor: pointer; display: inline-flex; justify-content: center; align-items: center; gap: 10px; width: auto !important; font-weight: 600; font-size: 16px; line-height: 19px; text-decoration: none; border-radius: var(--border-radius-btn); will-change: transform; }
.cms_hasBtnYN_box:hover a[class*="button-"],
a[class*="button-"]:hover,
a[class*="button-"].current,
main button:hover,
form#frmLogin button:hover { display: inline-flex; border-radius: var(--border-radius-btn); text-decoration: none; transform: translateY(-3px); }
a[class*="button-"] > i { font-size: 16px; line-height: 19px; transition: var(--transition); }
/* End: Buttons Base */

/* Start: Button */
@property --buttonMainBg { syntax: "<color>"; inherits: true; initial-value: #00267F; }
main button, form#frmLogin button { color: var(--white); background: linear-gradient(90deg, var(--interaction-1) 0%, var(--buttonMainBg) 100%); padding: 10.5px 25px; border: none; transition: var(--transition), --buttonMainBg .3s; }
main button:hover, form#frmLogin button:hover { color: var(--white); background: linear-gradient(90deg, var(--interaction-1) 0%, var(--buttonMainBg) 100%); --buttonMainBg: #0037B6; border: none; }
/* End: Button */

/* Start: Button Link */
@property --buttonLinkBg { syntax: "<color>"; inherits: true; initial-value: #00267F; }
.button-link { color: var(--white); background: linear-gradient(90deg, var(--interaction-1) 0%, var(--buttonLinkBg) 100%); padding: 10.5px 25px; border: none; transition: var(--transition), --buttonLinkBg .3s; }
.cms_hasBtnYN_box:hover .button-link,
.button-link:hover,
.button-link.current { color: var(--white); --buttonLinkBg: #0037B6; border: none; }
.button-link > i { color: var(--white); }
.cms_hasBtnYN_box:hover .button-link > i,
.button-link:hover > i,
.button-link.current > i { color: var(--white); }
/* End: Button Link */

/* Start: Button Outline */
.button-outline { color: var(--interaction-1); background: var(--white); padding: 9.5px 25px; border: 1.5px solid var(--interaction-1); transition: var(--transition); }
.cms_hasBtnYN_box:hover .button-outline,
.button-outline:hover,
.button-outline.current { color: var(--white); background: var(--interaction-1); border: 1.5px solid var(--interaction-1); }
.button-outline > i { color: var(--interaction-1); }
.cms_hasBtnYN_box:hover .button-outline > i,
.button-outline:hover > i,
.button-outline.current > i { color: var(--white); }
/* End: Button Outline */

/* Start: Button Outline White */
.button-outline-white { color: var(--white); background: transparent; padding: 9.5px 25px; border: 1.5px solid var(--white); transition: var(--transition); }
.cms_hasBtnYN_box:hover .button-outline-white,
.button-outline-white:hover,
.button-outline-white.current { color: var(--interaction-1); background: var(--white); border: 1.5px solid var(--white); }
.button-outline-white > i { color: var(--white); }
.cms_hasBtnYN_box:hover .button-outline-white > i,
.button-outline-white:hover > i,
.button-outline-white.current > i { color: var(--interaction-1); }
/* End: Button Outline 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; }

@media screen and (max-width: 959px) {
	/* Start: Buttons Base */
	a[class*="button-"],
	main button,
	form#frmLogin button { font-size: 14px; line-height: 17px; }
	a[class*="button-"] > i { font-size: 14px; line-height: 17px; }
	/* End: Buttons Base */

	/* Start: Button */
	main button, form#frmLogin button { padding: 9px 25px; }
	/* End: Button */

	/* Start: Button Link */
	.button-link { padding: 9px 25px; }
	/* End: Button Link */

	/* Start: Button Outline */
	.button-outline { padding: 8px 25px; }
	/* End: Button Outline */

	/* Start: Button Outline White */
	.button-outline-white { padding: 8px 25px; }
	/* End: Button Outline White */
}
/************************************ Ende: Buttons ************************************/