/* change colors and styel for social media icons, such as facebook */

 .wp-block-social-links li {
  background-color: var( --wp--preset--color--ar-color-primary-04) !important;
  transition: all .5s ease;
  border-radius: 4px;
 }

 .wp-block-social-links li:hover {
  background-color: var(--wp--preset--color--ar-color-secondary-04) !important;
  transition: all 1s ease;
 }