.brand{gap:12px;letter-spacing:-.045em}
.mark{width:36px;height:36px;flex:0 0 36px;border-radius:8px;position:relative;overflow:hidden;background:linear-gradient(145deg,#10366b,#07182d);border:1px solid #377ee0;box-shadow:0 8px 22px #2677ff38,inset 0 0 0 3px #0b2140}
.mark:before{content:"";position:absolute;left:7px;right:7px;top:7px;height:5px;border-radius:2px;background:linear-gradient(90deg,#1d5ba6 0 68%,#5be4ff 69% 77%,#d7f9ff 78% 82%,#173d70 83%);box-shadow:0 8px 0 #1d5ba6,0 16px 0 #1d5ba6}
.mark:after{content:"";position:absolute;right:8px;top:16px;width:3px;height:3px;border:0;border-radius:50%;background:#5be4ff;box-shadow:0 0 7px #5be4ff,0 8px 0 #5be4ff,0 8px 7px #5be4ff}
.brand:hover .mark{border-color:#5be4ff;box-shadow:0 8px 26px #2677ff52,inset 0 0 0 3px #0b2140}