:root{--grayDisabled:133,133,133;--yellowMain:255,220,75}.contact-top{position:fixed;right:1rem;bottom:1rem;z-index:99}.contact-top a,.contact-top img{border-radius:100%}.contact-top a{display:block;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.contact-top a:hover{opacity:0.7}.contact-top img{max-width:3.75rem}.contact-top .contact,.contact-top .top{margin-top:0.5rem;margin-bottom:0.5rem}.contact-top .top{background-color:rgb(var(--grayDisabled));opacity:0;pointer-events:none}.contact-top .top.active{opacity:1;pointer-events:auto}.contact-top .top.active:hover{opacity:0.7}.contact-top .contact{position:relative}@media screen and (min-width:769px){.contact-top .contact:hover .social{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:820px){.contact-top .contact.active .social{-webkit-transform:scale(1);transform:scale(1)}}.contact-top .contact>a{background-color:rgb(var(--yellowMain))}.contact-top .social{position:absolute;top:0;right:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s,-webkit-transform 0.2s}.contact-top .social img{max-width:3.75rem}.contact-top .social a{display:inline-block;margin-right:0.25rem;background-color:#ffffff;border:2px solid rgb(var(--yellowMain));border-radius:50%}@media screen and (max-width:380px){.contact-top .social a{margin-right:0.5rem}}