@keyframes button-rotate{to{transform:rotate(360deg)}}@keyframes button-converge{0%{transform:translateY(calc(var(--offset) * -1))}to{transform:translateY(0)}}@keyframes button-converge-loop{0%{transform:translateY(calc(var(--offset) * -1))}50%{transform:translateY(0)}to{transform:translateY(calc(var(--offset) * -1))}}@layer components{.view-more-group{--duration:1.8s}.c-button__dots{width:.25em;height:.25em;animation-duration:calc(var(--duration) * 2);margin-left:8px;animation-name:button-rotate;animation-timing-function:cubic-bezier(.77,0,.175,1);animation-iteration-count:infinite;position:relative}.c-button__dot--spread:first-child{--index:1}.c-button__dot--spread:nth-child(2){--index:2}.c-button__dot--spread:nth-child(3){--index:3}.c-button__dot--spread:nth-child(4){--index:4}.c-button__dot--spread{--r:calc(var(--index) * 90deg);transform:rotate(var(--r));position:absolute}.c-button__dot{width:100%;height:100%;display:block;top:0;left:0}.c-button__dot--spread:before{--offset:220%;opacity:1;transform:translateY(calc(var(--offset) * -1));animation-duration:calc(var(--duration) * 2);animation-name:button-converge-loop;animation-timing-function:cubic-bezier(.77,0,.175,1);animation-iteration-count:infinite}.c-button__dot:before{content:"";background-color:currentColor;border-radius:100%;position:absolute;inset:0}@media (min-width:768px){.view-more-group .c-button__dots,.view-more-group .c-button__dot--spread:before{animation:none}.view-more-group:hover .c-button__dots{animation:.8s ease-in-out button-rotate}.view-more-group:hover .c-button__dot--spread:before{animation:.8s ease-in-out button-converge}}}