:root{--main-color: hsl(220, 100%, 50%);--phone-color: hsl(145, 75%, 40%);--telegram-color: hsl(200, 80%, 45%)}.contact-button{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;justify-content:flex-end;gap:.625rem;z-index:9999;pointer-events:all}.contact-button__circle{width:3rem;height:3rem;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 .25rem .75rem #0000004d;transform-origin:center center;color:#fff}.contact-button__circle--main{background-color:var(--main-color)}.contact-button__circle--phone{background-color:var(--phone-color)}.contact-button__circle--telegram{background-color:var(--telegram-color)}.contact-button__icon{transition:transform .2s ease}@media (min-width: 480px){.contact-button__circle{width:3.25rem;height:3.25rem}}@media (min-width: 768px){.contact-button__circle{width:3.5rem;height:3.5rem}}@media (min-width: 1024px){.contact-button__circle{width:4rem;height:4rem}}@media (min-width: 1280px){.contact-button__circle{width:4.5rem;height:4.5rem}}