.banner{position:relative;width:100%;height:var(--banner-height,320px);overflow:visible}:root{--circle-size:84px;--arrow-size:18px}.circular-wrapper{position:absolute;left:50%;top:calc(50% + 30px);transform:translateX(-50%);width:var(--circle-size);height:var(--circle-size);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}.circular-text{margin:0;border-radius:50%;width:100%;height:100%;position:relative;font-weight:600;color:var(--text-color);text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;display:block;pointer-events:auto}.circular-text span{display:inline-block;transform-origin:0 50%;font-size:calc(var(--circle-size)/5.5);transition:all .5s cubic-bezier(0,0,0,1)}.center-arrow,.circular-text span{position:absolute;left:50%;top:50%;user-select:none;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.center-arrow{font-size:var(--arrow-size);line-height:1;pointer-events:none;z-index:10}