.hb-circle-frame,.hb-box-frame{text-align:center;display:block}.hb-circle-frame span{max-width:100%;box-shadow:0 0 4px var(--hb-black-a20);border:5px solid #0000;border-radius:1000px;margin:0 auto;display:inline-block;overflow:hidden}.hb-box-frame span{max-width:100%;box-shadow:0 0 4px var(--hb-black-a20);border:5px solid #0000;border-radius:3px;margin:0 auto;display:block;overflow:hidden}.hb-circle-frame span a{border-radius:1000px;overflow:hidden}.hb-circle-frame span a,.hb-box-frame span a{display:block;position:relative}div.overlay{z-index:9;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.hb-circle-frame div.overlay{border-radius:1000px}div.overlay .plus-sign{margin-top:calc(var(--hb-space-5) * -1);position:relative;top:45%}.hb-circle-frame a div.overlay,.hb-box-frame a div.overlay{transition:opacity var(--hb-duration-base) var(--hb-ease-out)}.hb-circle-frame a div.overlay .plus-sign,.hb-box-frame a div.overlay .plus-sign{transition:top var(--hb-duration-slow) var(--hb-ease-out);top:40%}.hb-circle-frame a:hover div.overlay,.hb-circle-frame a:focus-visible div.overlay,.hb-box-frame a:hover div.overlay,.hb-box-frame a:focus-visible div.overlay{opacity:.85}.hb-circle-frame a:hover div.overlay .plus-sign,.hb-circle-frame a:focus-visible div.overlay .plus-sign,.hb-box-frame a:hover div.overlay .plus-sign,.hb-box-frame a:focus-visible div.overlay .plus-sign{top:50%}@media (prefers-reduced-motion:reduce){.hb-circle-frame a div.overlay,.hb-box-frame a div.overlay,.hb-circle-frame a div.overlay .plus-sign,.hb-box-frame a div.overlay .plus-sign{transition-property:opacity}}