@import url(https://use.fontawesome.com/releases/v6.4.2/css/all.css);

.XLogo {
  text-align: center;
}

.XLogo a {
   border-radius: 50%;
   position: relative;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   width: 60px;
   height: 60px;
   background: transparent;
   color: var(--color);
   font-size: 2em;
   text-decoration: none;
  }

.XLogo a:hover{
  /*background: var(--color);*/
  /*color: #00FFFF;*/
  box-shadow: 0 0 5px var(--color),
  0 0 10px var(--color),
  0 0 20px var(--color),
  0 0 40px var(--color);
}