/* 29217 - social share overlap fix */
@media (min-width: 250px) { .ds-share--wrapper { display: block; width: 95%; margin: 0 2.5%; }
  #social-share > aside > div > span { max-width: 50%; font-size: 14px; } }
@media (min-width: 480px) { .ds-share--wrapper { display: block; width: 95%; margin: 0 2.5%; }
  #social-share > aside > div > span { max-width: 60%; font-size: 14px; } }
@media (min-width: 721px) { .ds-share--wrapper { display: block; width: 80%; margin: 0 10%; }
  #social-share > aside > div > span { max-width: 60%; font-size: 16px; } }
@media (min-width: 841px) { .ds-share--wrapper { display: block; width: 60%; margin: 0 20%; }
  #social-share > aside > div > span { max-width: 50%; font-size: 16px; } }
@media (min-width: 1041px) { .ds-share--wrapper { display: block; width: 50%; margin: 0 25%; }
  #social-share > aside > div > span { max-width: 50%; font-size: 16px; } }
#social-share > aside > div > span { overflow-wrap: normal; line-height: 17px; text-align: left; }

.ds-share { position: absolute; z-index: 100; }
.ds-share .social { background-color: #fff; border-radius: 6px 6px 0 0; box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.16); position: fixed; bottom: 0px; left: 0px; padding: 0 !important; transition: padding .2s, max-height .2s; z-index: 1; }
.ds-share .social .social-content { background-color: #fff; border-radius: 6px 6px 0 0; padding: 16px 0 21px; position: relative; overflow-x: hidden; text-align: center; vertical-align: middle; }
.ds-share .social .social-content .social-share { opacity: 0; position: absolute; left: 16px; transition: opacity .2s; line-height: 32px; display: inline-block; font-size: 16px; font-weight: 700; letter-spacing: -0.2px; transition: opacity .3s .3s; opacity: 0.8; }
.ds-share .social .social-content .buttons-container { display: inline-block; float: right; padding-right: 16px; position: relative; line-height: 16px; }
.ds-share .social .social-content #progress { position: absolute; bottom: 0px; background: #009eff; height: 5px; width: 0px; }

.ds-btn--disc { display: inline-block; padding: 0; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; color: rgba(0, 0, 0, 0.48); background-color: rgba(0, 0, 0, 0.08); }
.ds-btn--disc i { margin-right: 0px !important; }

.ds-btn--disc.ds-btn--compact.has-icon { width: 32px; height: 32px; line-height: 32px; padding: 0 !important; margin: 0 2px !important; }
.ds-btn--disc.ds-btn--compact.has-icon i { margin-right: 0px !important; }

a.ds-btn--disc.ds-btn--compact.has-icon { transition: all .3s ease; color: rgba(0, 0, 0, 0.48); }
a.ds-btn--disc.ds-btn--compact.has-icon:hover { color: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.16); }