.call-button-modern{overflow:hidden;padding:12px 24px;font-size:16px;text-decoration:none;font-weight:600;color:#fff;transition:all .3s ease;position:relative;gap:12px;align-items:center;box-shadow:0 4px 15px rgba(0,150,199,.3);border-radius:50px;background:linear-gradient(135deg,#00b4d8,#0096c7);display:inline-flex}.call-button-modern:before{height:100%;transition:left .5s ease;content:"";position:absolute;top:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);left:-100%;width:100%}.call-button-modern:hover:before{left:100%}.call-button-modern:hover{transform:translateY(-2px);color:#fff;box-shadow:0 6px 20px rgba(0,150,199,.4)}.call-button-modern .icon-circle{height:36px;justify-content:center;transition:all .3s ease;align-items:center;border-radius:50%;background:hsla(0,0%,100%,.2);width:36px;display:flex}.call-button-modern:hover .icon-circle{transform:rotate(15deg) scale(1.1);background:hsla(0,0%,100%,.3)}.call-button-modern .icon-circle i{font-size:18px;color:#fff}.call-button-modern .button-text{letter-spacing:.3px;font-family:Outfit,sans-serif}@media (min-width:1200px) and (max-width:1399px){.call-button-modern{padding:10px 20px;font-size:15px;gap:10px}.call-button-modern .icon-circle{height:32px;width:32px}.call-button-modern .icon-circle i{font-size:16px}}@media (max-width:1199px){.call-button-modern{padding:10px 18px;font-size:14px;gap:8px}.call-button-modern .icon-circle{height:30px;width:30px}.call-button-modern .icon-circle i{font-size:15px}}@keyframes phoneRing{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(15deg)}}.call-button-modern:hover .icon-circle i{animation:phoneRing .6s ease-in-out}