/* Start custom CSS */.r_social_icon .elementor-icon-box-title {

background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 2px 4px 4px 0 rgba(0,0,0,.15);
  
  font-size: 13px;
  line-height: 25px;
  padding: 4px 14px;
  position: relative;
  
}

.r_social_icon .elementor-icon-box-title::after {
border-style: solid;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
border-block-end-color: transparent;
  border-block-end-width: 8px;
  border-block-start-color: transparent;
  border-block-start-width: 8px;
  border-inline-end-color: transparent;
  border-inline-end-width: 0;
  border-inline-start-color: #ffffff;
  border-inline-start-width: 10px;
  inset-inline-end: -8px;
}

/* Hide social icons by default */
.reveal_container .r_social_icon {
    display: none;
}

/* Visible state */
.reveal_container .r_social_icon.r-social-visible {
    display: block;
}

/* Reveal / close button */
.reveal_container .reveal_icon {
    cursor: pointer;
}

/* Keep SVG sizing consistent */
.reveal_container .reveal_icon .elementor-icon svg {
    width: 1em;
    height: 1em;
}/* End custom CSS */