.float{position:fixed;bottom:20px;right:20px;display:flex;align-items:flex-end;gap:16px;transition:opacity var(--t),transform var(--t)}.float.hidden{pointer-events:none;opacity:0;transform:translateY(50px)}.float__popup{z-index:1;position:relative;background-color:var(--color-white);padding:16px;border-radius:20px;margin-right:-56px;box-shadow:var(--shadow-strong);pointer-events:none;opacity:0;transform:translateY(50px)}.float__popup--active{pointer-events:auto;opacity:1;transform:translateY(0)}.float__hint{display:flex;align-items:end;transition:opacity var(--t),transform var(--t)}.float__popup-close{position:absolute;top:16px;right:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.float__title{padding-right:36px;margin:0;font-size:14px;line-height:130%;font-weight:700}.float__btn{margin-top:26px;margin-left:auto}.float__circle{flex:0 0 56px;width:56px;height:56px;border-radius:50%;background-color:var(--color-white);box-shadow:var(--shadow-strong);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity var(--t)}.float__circle--top{color:var(--color-primary);transition:color var(--t),background-color var(--t)}.float__popup--active+.float__circle{opacity:0}@media(min-width:750px){.float__popup{display:flex;align-items:center;margin-right:-64px;padding:16px 72px 16px 24px}.float__popup-close{right:24px;top:50%;transform:translateY(-50%)}.float__btn{margin-top:0}.float__title{font-size:16px;padding-right:40px}.float__circle{flex-basis:64px;width:64px;height:64px}}@media(hover:hover){.float__circle--top:hover{color:var(--color-white);background-color:var(--color-primary)}}