nav{display:flex;justify-content:center;align-items:center}.icon-item-one{display:inline-block;padding:6px;background-color:#fff;border:2px solid #000;border-radius:50%;transition:background-color .3s ease,border-color .3s ease;margin-right:15px}.icon-item-one svg{width:30px;height:30px;fill:#000;transition:fill .3s ease}.icon-item-one:hover{background-color:#000;border-color:#000}.icon-item-one:hover svg{fill:#fff}.icon-item-two{display:inline-block;padding:6px;background-color:#fff;border:2px solid #000;border-radius:50%;transition:background-color .3s ease,border-color .3s ease}.icon-item-two svg{width:30px;height:30px;transition:fill .3s ease}.icon-item-two-path1{fill:#000}.icon-item-two-path2{fill:#fff}.icon-item-two:hover{background-color:red;border-color:red}.icon-item-two:hover .icon-item-two-path1{fill:#fff}.icon-item-two:hover .icon-item-two-path2{fill:red}.icon-item-three{display:inline-block;padding:6px;background-color:#fff;border:2px solid #000;border-radius:50%;transition:background-color .3s ease,border-color .3s ease}.icon-item-three svg{width:30px;height:30px;transition:fill .3s ease}.icon-item-three-path1,.icon-item-three-path2,.icon-item-three-path3{fill:#000}.icon-item-three:hover{background-color:#0a66c2;border-color:#0a66c2}.icon-item-three:hover .icon-item-three-path1,.icon-item-three:hover .icon-item-three-path2,.icon-item-three:hover .icon-item-three-path3{fill:#fff}