svg.n72-arrow-icon{display:inline-block!important;width:24px!important;height:24px!important;min-width:24px;flex:0 0 24px;vertical-align:middle;overflow:visible;transform:none;transition:none;fill:none}
svg.n72-arrow-icon path{fill:none}
.circle-chevron{border:1.5px solid currentColor!important;background:transparent!important;display:grid;place-items:center}
.circle-button:has(.animated-arrow,.n72-arrow-icon){border:1.5px solid currentColor!important;display:grid;place-items:center;padding:0}
:is(.circle-button,.circle-chevron) .n72-arrow-ring{display:none}
.animated-arrow{width:24px;height:24px;min-width:24px;flex:0 0 24px;border:1.5px solid currentColor;border-radius:50%;display:inline-grid;place-items:center}
.animated-arrow::before,.group:hover .animated-arrow::before{content:""!important;position:static!important;inset:auto!important;grid-area:1/1;width:14px;height:14px;border:0!important;background:currentColor;transform:none!important;transition:none!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h16m-7-7 7 7-7 7' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.animated-arrow::after{display:none!important}
.circle-button .animated-arrow{border:0}

.header svg.n72-arrow-icon{width:18px!important;height:18px!important;min-width:18px;flex-basis:18px}

.circle-chevron:has(>svg.n72-arrow-icon){border:0!important;padding:0;display:flex;align-items:center;justify-content:center}
.circle-chevron>svg.n72-arrow-icon{display:block!important;width:100%!important;height:100%!important;min-width:0;flex:0 0 auto;margin:0}
.circle-chevron>svg.n72-arrow-icon .n72-arrow-ring{display:block}
