.button__communication-button{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;max-width:max-content;padding:14px 32px;background:rgb(75,104,114);position:relative;border:1px solid rgb(255,255,255);transition:transform .4s cubic-bezier(.4,0,.2,1),background-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border-radius:8px;color:#ffffff;font-size:clamp(.5rem,4vw,1.2rem);font-weight:500;letter-spacing:.5px;text-transform:uppercase;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.2),inset 0 0 5px rgba(255,255,255,.5)}.button__communication-button:hover{background:rgb(90,125,137);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3),inset 0 0 5px rgba(255,255,255,.5);text-shadow:0 0 6px rgba(255,255,255,.5);border-color:rgb(255,255,255)}.button__communication-button:active{transform:translateY(0)}.button__communication-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:all .6s}.button__communication-button:hover:after{left:100%;transition:all .6s}@media (max-width:768px){.button__communication-button{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(75,104,114,.92)}}