.circle-down{position:relative;display:flex;width:100%;max-width:24.375rem;border-radius:50%;margin:auto;overflow:hidden;cursor:pointer;transition:background-color .2s,border-color .2s}.circle-down.circle-down-hover:hover{background-color:var(--main-color);border-color:var(--main-color)}.circle-down.circle-down-hover:hover .sd-stroke{stroke:var(--main-color)}.circle-down.circle-down-hover:hover .circle-down-icon>svg{transform:translateY(80px);opacity:0;visibility:hidden}.circle-down.circle-down-hover:hover .circle-down-text{transform:translate(-50%,-50%);opacity:1;visibility:visible}.circle-down.circle-down-hover:hover .circle-down-c{stroke:var(--main-color)}.circle-down.circle-down-icon-r45 .circle-down-icon{transform:translate(-50%,-50%) rotate(45deg)}.circle-down:before{content:"";padding-top:100%;float:left}.circle-down-icon{position:absolute;left:50%;top:50%;height:27%;stroke-width:1px;width:100%;transform:translate(-50%,-50%);display:flex;justify-content:center}.circle-down-icon>svg{margin:auto;height:100%;fill:none;stroke:var(--text-primary);transition:transform .2s,opacity .2s,visibility .2s,stroke .2s}.sd-stroke{position:absolute;left:0;top:0;width:100%;height:100%;stroke:var(--text-primary);stroke-width:2px;fill:transparent;transition:stroke .15s}.circle-down-hover .circle-down-text{transition:transform .2s,opacity .2s,visibility .2s}.circle-down-text{position:absolute;left:50%;top:50%;font-size:1.25rem;font-weight:600;color:var(--primary-color);white-space:nowrap;transform:translate(-50%,-50px);visibility:hidden;opacity:0}@media only screen and (max-width:1200px){.circle-down-icon{stroke-width:2px}}@media only screen and (max-width:767px){.circle-down{max-width:213px}.circle-down-text{max-width:80%;text-align:center;white-space:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}}@media only screen and (min-width:768px) and (max-width:900px) and (orientation:landscape){.circle-down{margin-right:inherit;margin-left:auto}.circle-down{max-width:213px}}