.chevron-button{display:flex;margin:0 auto;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,0.03);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:0px solid rgba(255,255,255,0.15);transition:all 0.4s cubic-bezier(0.16,1,0.3,1);cursor:pointer}.chevron-button:hover,a:hover .chevron-button{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.3)}.animated-chevron{width:38.4px;height:38.4px;color:#fff;display:block}.animated-chevron path{stroke-dasharray:20;stroke-dashoffset:20;animation:drawChevron 2.3s cubic-bezier(0.65,0,0.35,1) infinite;will-change:stroke-dashoffset,opacity}@keyframes drawChevron{0%{stroke-dashoffset:20;opacity:0}20%{opacity:1}70%{stroke-dashoffset:0;opacity:1}95%{stroke-dashoffset:0;opacity:0}100%{stroke-dashoffset:20;opacity:0}}