.common-btn{--buttonFontSize:19px;background:var(--white);font:700 var(--buttonFontSize)/.8 var(--fontGeologica);color:#181818;cursor:pointer;border:1px solid var(--white);filter:drop-shadow(2px 2px 3px rgba(0,0,0,.2));border-radius:8px;padding:17px 45px;position:relative}.common-btn:hover{border-color:var(--primary);background:var(--primary)}.common-btn div{width:25px;transition:all .5s ease-in-out;position:absolute;top:0;transform:rotate(10deg)}.common-btn .icon-1{transform-origin:0 0;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.3));right:0;transform:rotate(10deg)}.common-btn .icon-2{transform-origin:50% 0;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.5));width:12px;transition:all 1s ease-in-out;left:25px;transform:rotate(10deg)}.common-btn .icon-3{transform-origin:50% 0;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.5));width:18px;transition:all 1s ease-in-out;left:0;transform:rotate(-5deg)}.common-btn:hover .icon-1{animation:3s cubic-bezier(.52,0,.58,1) infinite slay-1;transform:rotate(10deg)}.common-btn:hover .icon-2{animation:3s cubic-bezier(.52,0,.58,1) 1s infinite slay-2;transform:rotate(0)}.common-btn:hover .icon-3{animation:2s cubic-bezier(.52,0,.58,1) 1s infinite slay-3;transform:rotate(0)}@keyframes slay-1{0%{transform:rotate(10deg)}50%{transform:rotate(-5deg)}to{transform:rotate(10deg)}}@keyframes slay-2{0%{transform:rotate(0)}50%{transform:rotate(15deg)}to{transform:rotate(0)}}@keyframes slay-3{0%{transform:rotate(0)}50%{transform:rotate(-5deg)}to{transform:rotate(0)}}
