button.service-button {
   width: unset;
   height: unset;
}
button.service-button>div {
   position: relative;
   display: flex;
   align-items: center;
   padding-left: 5px;
   padding-right: 3px;
   top: unset;
   transform: unset;
   line-height: 1.5;
}
button.service-button:not(.unpressable,[data-status="on"]):hover>div {
   --pretty-button-color-off: var(--pretty-button-color-dim);
}
button.service-button>div>svg {
   width: 18px;
   pointer-events: all;
}
.service-button-content {
   padding-bottom: 1px;
   padding-right: 2px;
}




.contact-button {
   --contact-color: hsl(135, 58%, 40%);
   color: var(--contact-color);
   stroke: var(--contact-color);
   stroke-width: 14px;
   fill: var(--contact-color);
   font-weight: 600;
   font-size: large;
   padding: 3px;
   transition: color 0.2s, stroke 0.2s, fill 0.2s
}
.contact-button>div {
   display: flex;
   align-items: center;
}
.contact-button>div span {
   padding: 0px 3px 2px 2px;
}
.contact-button svg {
   width: var(--button-svg-size);
   height: var(--button-svg-size);
}
.contact-button.contact-whatsapp {
   --contact-color: hsl(135, 58%, 40%);
   fill: none;
}
.contact-button.contact-whatsapp:not(:disabled):hover {
   --contact-color: hsl(135, 58%, 50%);
}
.contact-button.contact-telegram {
   --contact-color: hsl(204, 86%, 40%);
   fill: none;
   stroke-width: 5px;
}
.contact-button.contact-telegram:not(:disabled):hover {
   --contact-color: hsl(204, 86%, 50%);
}



#service-info {
   --overlay-offset: 0px -3px;
   --overlay-align-vertical: bottom;
   --overlay-target-align-vertical: top;
   position: fixed;
   padding: 3px 6px;
   font-size: 14px;
   max-width: 500px;
   text-align: center;
   border-radius: 6px;
   color: var(--overlay-color-text);
   border: solid 1px var(--overlay-color-text);
   background: hsla(0, 0%, 0%, 70%);
   z-index: 50;
}