.shareButtons{&:before,&:after{content:" ";display:table}&:after{clear:both}}.shareButtons-buttons{.shareButtons--iconic &{display:grid;grid-template-columns:repeat(auto-fill,minmax(35px,1fr))}}.shareButtons-label{float:left;margin-right:3px;color:var(--xf-textColorMuted);min-height:35px;line-height:35px}.shareButtons-button{float:left;margin-right:3px;padding:6px;color:var(--xf-textColorMuted);font-size:20px;line-height:20px;white-space:nowrap;min-width:35px;border-radius:var(--xf-borderRadiusSmall);background-color:transparent;-webkit-transition:all var(--xf-animationSpeed) ease;transition:all var(--xf-animationSpeed) ease;&:last-of-type{margin-right:0}&:hover{text-decoration:none;color:#fff}>i{display:inline-block;vertical-align:middle}>span{font-weight:var(--xf-fontWeightNormal);font-size:var(--xf-fontSizeNormal)}.shareButtons--iconic &{text-align:center;>i{min-width:20px}>svg{vertical-align:middle}>span{position:absolute;height:1px;width:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden}}&.shareButtons-button--bluesky{&:hover{background-color:#1185fe}}&.shareButtons-button--pinterest{&:hover{background-color:#bd081c}}&.shareButtons-button--tumblr{&:hover{background-color:#35465c}}&.shareButtons-button--reddit{&:hover{background-color:#ff4500}}&.shareButtons-button--whatsApp{&:hover{background-color:#25d366}}&.shareButtons-button--linkedin{&:hover{background-color:#0077b5}}&.shareButtons-button--email{&:hover{background-color:#1289ff}}&.shareButtons-button--share{cursor:pointer;&:hover{background-color:#787878}}&.shareButtons-button--link{cursor:pointer;&:hover{background-color:#787878}}&.is-hidden{display:none}}.shareInput{margin-bottom:5px;&:last-child{margin-bottom:0}}.shareInput-label{font-size:var(--xf-fontSizeSmall);&:after{content:":"}&.is-sentence:after{content:""}}.shareInput-button{color:var(--xf-linkColor);cursor:pointer;>i{display:inline-block;vertical-align:middle}&.is-hidden{display:none}}.shareInput-input{font-size:var(--xf-fontSizeSmall);@media(max-width:568px){font-size:16px}.shareInput-button.is-hidden+&{border-radius:var(--xf-borderRadiusMedium)}}