.cb-custom-container img { max-width: 100%; height: auto; }
.cb-custom-container { position: fixed; bottom: 0; right: 0; z-index: 9999999; }
.cb-custom-container:not(.right) { }
.cb-custom-container.right { }
.cb-custom-container.left { right: auto; left: 0; }
.cb-custom-container a { display: block; width: var(--cb-size, 58px); height: var(--cb-size, 58px); position: relative; }
.cb-custom-container .custom-ico { display: block; position: relative; z-index: 23; cursor: pointer; width: 100%; height: 100%; }
.cb-custom-container .custom-ico:before { display: none; }
.cb-custom-container .custom-ico .custom-ico-main { display: block; position: relative; z-index: 22; width: 100%; height: 100%; background: #1182FC; border-radius: var(--cb-shape, 50%); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.cb-custom-container .custom-ico .custom-ico-main img { width: calc(var(--cb-size, 58px) * 0.69); height: calc(var(--cb-size, 58px) * 0.69); display: block; }
.cb-custom-container .custom-ico em { position: absolute; top: 50%; left: 50%; }
.cb-custom-container .custom-ico em:after, .cb-custom-container .custom-ico em:before { 
  top: calc(50% - (var(--cb-size, 58px) * 0.275)); 
  left: calc(50% - (var(--cb-size, 58px) * 0.275)); 
  content: ""; 
  width: calc(var(--cb-size, 58px) * 0.55); 
  height: calc(var(--cb-size, 58px) * 0.55); 
  position: absolute; 
  border-radius: var(--cb-shape, 50%); 
}
.cb-custom-container .custom-ico em:before { -webkit-box-shadow: 0 0 8px 4px var(--cb-effect-color, #7ed321); box-shadow: 0 0 8px 4px var(--cb-effect-color, #7ed321); }
.cb-custom-container .custom-ico em:after { -webkit-box-shadow: inset 0 0 6px 2px var(--cb-effect-color, #7ed321); box-shadow: inset 0 0 6px 2px var(--cb-effect-color, #7ed321); }
/* Animation Effects */
.cb-custom-container.animation-none .custom-ico em:after, .cb-custom-container.animation-none .custom-ico em:before { -webkit-animation: none; animation: none; }
.cb-custom-container.animation-none .custom-ico:before { display: none; }
.cb-custom-container.animation-none .custom-ico-main { -webkit-animation: none; animation: none; }

/* Hide ring element entirely when no animation or pulse */
.cb-custom-container.animation-none .custom-ico em { display: none; }
.cb-custom-container.animation-pulse .custom-ico em { display: none; }

.cb-custom-container.animation-grow .custom-ico em:after, .cb-custom-container.animation-grow .custom-ico em:before { -webkit-animation: Grow 1.5s linear infinite; animation: Grow 1.5s linear infinite; }
.cb-custom-container.animation-grow .custom-ico:before { display: none; }

.cb-custom-container.animation-pulse .custom-ico-main { -webkit-animation: pulse_custom 1s ease-in-out infinite; animation: pulse_custom 1s ease-in-out infinite; }
.cb-custom-container.animation-pulse .custom-ico em:after, .cb-custom-container.animation-pulse .custom-ico em:before { -webkit-animation: none; animation: none; }
.cb-custom-container.animation-pulse .custom-ico:before { display: none; }
@-webkit-keyframes Grow { 0% { transform:scale(0.1); -ms-transform:scale(0.1); -webkit-transform:scale(0.1); opacity:0; filter:alpha(opacity=0);} 50% { opacity:1; filter:alpha(opacity=100);} to { transform:scale(1.8); -ms-transform:scale(1.8); -webkit-transform:scale(1.8); opacity:0; filter:alpha(opacity=0);} }
@keyframes Grow { 0% { transform:scale(0.1); -ms-transform:scale(0.1); -webkit-transform:scale(0.1); opacity:0; filter:alpha(opacity=0);} 50% { opacity:1; filter:alpha(opacity=100);} to { transform:scale(1.8); -ms-transform:scale(1.8); -webkit-transform:scale(1.8); opacity:0; filter:alpha(opacity=0);} }

@-webkit-keyframes pulse_custom { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);} to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} }
@keyframes pulse_custom { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);} to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} }
