.social-links{display:flex;gap:8px}.social-links__icon{--icon-size:18px;position:relative;flex:0 0 42px;height:42px;width:42px;background:var(--colour-four);color:#433f68;display:flex;align-items:center;justify-content:center;border-radius:0}.social-links__icon:hover{background:var(--colour-border);color:#000}.social-links__icon:hover:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.1)}.social-links__icon:focus-visible{outline:solid 2px #fff;outline-offset:2px;box-shadow:0 0 0 2px #000}