/*==========================================================================================
	Teilen-Buttons - Genussschein-Produkte in "Affiliate Links" (Tippgeberbereich)
	Gerendert von modules/client/website/view/include_share.php,
	eingebunden aus modules/customer/website/view/main_links.php
	Bewusst OHNE Klasse "btn": .btn { background:#cca44b!important } aus custom6.css wuerde sonst greifen.
==========================================================================================*/
.sp-share { margin-top:22px; padding-top:16px; border-top:1px solid #eaeaea; }

.sp-share-title { font-size:11px; line-height:16px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#455156; margin-bottom:10px; }
.sp-share-title .fa { margin-right:5px; font-size:12px; }

.sp-share-buttons { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; }

.sp-share-btn { display:inline-flex; align-items:center; gap:6px; padding:7px 9px; border:1px solid #E4EAED; border-radius:2px; background:#fff; color:#455156; font-size:10px; line-height:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; text-decoration:none; white-space:nowrap; }
.sp-share-btn:hover, .sp-share-btn:focus { border-color:#cca44b; background:#fff; color:#cca44b; text-decoration:none; }
.sp-share-btn .fa { width:13px; font-size:13px; line-height:1; text-align:center; }

.sp-share-svg { width:13px; height:13px; flex:0 0 auto; fill:currentColor; }