.brand-icon{--border-color:transparent;--OffsetX:-50%;--OffsetY:-50%;background-color:var(--color-light);border-bottom:5px solid var(--border-color);border-radius:.5rem;width:calc(112px - 1rem);height:calc(112px - 1rem);margin-bottom:1rem;margin-right:1rem;padding:calc(1rem + 5px) calc(1rem + 5px) 1rem;display:inline-block;position:relative;overflow:hidden}.brand-icon[href=""]{cursor:default}.brand-icon:hover:after{content:"";opacity:.2;width:200%;height:200%;top:var(--OffsetY);left:var(--OffsetX);z-index:2;background:radial-gradient(#696969,#0000 50%);border-radius:50%;display:block;position:absolute}.brand-icon img{width:64px;height:64px}.brand-icon img,.brand-icon svg{z-index:3;color:#fff;position:absolute;top:50%;left:50%;translate:-50% -50%}.brand-icon .hover-catcher{z-index:5;width:100%;height:100%;display:block;position:absolute;top:0;left:0}@media (max-width:800px){.brand-icon{width:auto;height:auto;padding:3rem}}