.titleBox{--s:50px;--t:5px;--g:10px;padding:calc(var(--g) + var(--t));outline:var(--t) solid #2b8388;outline-offset:calc(-1*var(--t));-webkit-mask:conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0/calc(100% - var(--s)) calc(100% - var(--s)),linear-gradient(#000 0 0) content-box;mask:conic-gradient(at var(--s) var(--s),#0000 75%,#000 0) 0 0/calc(100% - var(--s)) calc(100% - var(--s)),linear-gradient(#000 0 0) content-box;transition:.4s}.titleBox:hover{outline-offset:calc(var(--g)/-1)}