@charset "utf-8";

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.social-button { cursor: pointer; display: inline-flex; margin: 0px 6px; }

.social-button[title]:focus-visible::after { background-color: rgb(255, 255, 255); border: 1px solid rgb(176, 176, 176); border-radius: 2px; color: rgb(92, 92, 92); content: attr(title); font-size: 13px; line-height: 1.5; margin-left: -4rem; margin-top: 6.8rem; opacity: 1; padding: 0px 4px; position: absolute; width: max-content; z-index: 2; }

.social-button__link-wrapper { position: relative; }

.social-button__infobulle { background-color: rgb(255, 255, 255); border-radius: 4px; bottom: -2.5rem; box-shadow: rgba(32, 32, 32, 0.2) 0px 6px 20px; color: rgb(0, 0, 0); font-family: BrownRegular, sans-serif; font-weight: 400; left: -2rem; opacity: 0; padding: 5px; position: absolute; text-align: center; transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); visibility: hidden; width: 105px; z-index: 1; }

@media (prefers-reduced-motion: reduce) {
  .social-button__infobulle { transition: none; }
}

.social-button__infobulle--visible { opacity: 1; visibility: visible; }

.social-button--error, .social-button--success { background-position: 50% center; background-repeat: no-repeat; border: none; cursor: default; }

.social-button--error .fi-button__icon, .social-button--success .fi-button__icon { opacity: 0; }

.social-button--success, .social-button--success:active, .social-button--success:disabled, .social-button--success:focus, .social-button--success:hover { background-image: url(""); }

.social-button--error, .social-button--error:active, .social-button--error:disabled, .social-button--error:focus, .social-button--error:hover { background-image: url(""); }

.social-button.social-button--hide { display: none; }