.floating-contact-wrapper{position:fixed;bottom:20px;right:20px;z-index:9999}.floating-contact-btn{width:60px;height:60px;border-radius:50%;background-color:var(--button-color, #E67349);border:none;box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.floating-contact-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003,0 3px 8px #00000026}.floating-contact-btn:active{transform:scale(.95)}.floating-contact-btn .icon-default,.floating-contact-btn .icon-close{transition:opacity .3s ease,transform .3s ease;position:absolute}.floating-contact-btn .icon-close{opacity:0;transform:rotate(-90deg)}.floating-contact-btn.active .icon-default{opacity:0;transform:rotate(90deg)}.floating-contact-btn.active .icon-close{opacity:1;transform:rotate(0)}.floating-contact-menu{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}.floating-contact-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.floating-contact-action{display:flex;align-items:center;gap:12px;padding:12px 20px;background-color:#fff;border-radius:50px;box-shadow:0 2px 8px #0000001a;text-decoration:none;color:#333;font-size:15px;font-weight:500;white-space:nowrap;transition:all .3s ease;min-width:200px}.floating-contact-action:hover{box-shadow:0 4px 12px #00000026;transform:translate(-4px)}.floating-contact-quote{background-color:var(--button-color, #E67349);color:#fff}.floating-contact-phone{background-color:#fff;color:#333;border:2px solid var(--button-color, #E67349)}.floating-contact-phone:hover{background-color:var(--button-color, #E67349);color:#fff}.action-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-text{font-size:15px;line-height:1.3}@media(max-width:768px){.floating-contact-wrapper{bottom:15px;right:15px}.floating-contact-btn{width:56px;height:56px}.floating-contact-action{min-width:180px;padding:10px 16px;font-size:14px}.action-text{font-size:14px}.floating-contact-menu{bottom:66px}}@media(max-width:480px){.floating-contact-action{min-width:160px;padding:10px 14px;font-size:13px}.action-text{font-size:13px}}.floating-contact-menu.active .floating-contact-action:nth-child(1){animation:slideIn .3s ease .1s both}.floating-contact-menu.active .floating-contact-action:nth-child(2){animation:slideIn .3s ease .2s both}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/floating-contact-button.css.map */