@layer components{@media (width<=768px){.project-contact-bar{display:none}body:has(.project-contact-bar){--fixed-bar-height:0px}}@media (width>=769px) and (width<=1024px){.project-contact-bar .block-fixed-properties__wrap>button+button{border-left:2px solid var(--color-white)}}@media (width>=1025px){.project-contact-bar .block-fixed-properties__name{font-size:19px;font-weight:700}.project-contact-bar .xl-block{font-size:12px;display:block}.project-contact-bar .block-fixed-properties__wrap svg{width:15px;height:15px}.project-contact-bar .block-fixed-properties__email{gap:8px}.project-contact-bar .block-fixed-properties__tel{gap:.3rem;padding-left:0;padding-right:0}.project-contact-bar .block-fixed-properties__wrap>button{background:var(--color-white);border-right:none;border-radius:30px;width:157px;height:32.3px;margin-left:15.1px}.project-contact-bar .block-fixed-properties__wrap>button>*{color:var(--color-dark-gray)}.project-contact-bar .block-fixed-properties__wrap svg path{fill:var(--color-dark-gray)}.project-contact-bar .block-fixed-properties__wrap>button svg path,.project-contact-bar .block-fixed-properties__wrap>button>*{transition:color .3s cubic-bezier(.4,0,.2,1),fill .3s cubic-bezier(.4,0,.2,1)}.project-contact-bar .block-fixed-properties__wrap>button:focus-visible>*,.project-contact-bar .block-fixed-properties__wrap>button:hover>*{color:var(--color-primary)}.project-contact-bar .block-fixed-properties__wrap>button:focus-visible svg path,.project-contact-bar .block-fixed-properties__wrap>button:hover svg path{fill:var(--color-primary)}}}
