/* @group @variables */

[class*="m-more-link"] {
--align-items: center;
--justify-content: end;
--gap: .75rem;
--font-size: .875rem;
--line-height: 1.71428571;
--paragraph-line-height: var(--line-height);
}

/* @end @variables */

/* @group @m-more-link */

[class*="m-more-link"] {
margin-left: auto;
}

[class*="m-sidebar-list"] + [class*="m-more-link"] {
margin-top: 1.5rem;
}

/* @end @m-more-link */

/* @group @variables */

[class*="a-more-link"] {
--more-link-background-color: var(--color-silver);
--more-link-border-color: var(--color-gainsboro);
--more-link-border-radius: 50%;
--link-color: var(--color-dimgray);
--link-action-color: var(--color-link-action);
--link-active-color: var(--color-link-active);
--more-link-width: 6px;
--more-link-height: 6px;
/*--more-link-clip-path: polygon(0 0, 0% 100%, 100% 50%); */
}

[class*="a-more-link-secondary"] {
--more-link-background-color: var(--color-link);
--more-link-border-color: var(--color-link);
--more-link-border-radius: 50%;
}

/* @end @variables */

/* @group @a-more-link */

[class*="a-more-link"] {
display: grid;
justify-content: end;
align-items: center;
grid-template-columns: 1fr .75rem .5rem;
gap: .375rem;
cursor: pointer;
}

[class*="a-more-link"] span {
grid-column: 1;
grid-row: 1;
}

[class*="a-more-link"]:before {
grid-column: 3;
grid-row: 1;
}

[class*="a-more-link"]:after {
grid-column: 2 / 4;
grid-row: 1;
}

[class*="a-more-link"] span {
display: grid;
align-items: center;
}

/*[class*="a-more-link"] {
box-sizing: border-box;
height: 2.25rem;
padding: 0 .75rem;
border: 1px solid var(--color-gainsboro);
} */

[class*="a-more-link"]:before {
content: '';
display: block;
width: var(--more-link-width);
height: var(--more-link-height);
background-color: var(--more-link-background-color);
border-radius: var(--more-link-border-radius);
animation: slideNavIcon 2s 1s ease infinite;
animation-fill-mode: forwards;
-webkit-clip-path: var(--more-link-clip-path);
clip-path: var(0--more-link-clip-path);

}

[class*="a-more-link"]:after {
content: '';
display: grid;
height: 1px;
background-color: var(--more-link-border-color);
}

/* @end @a-more-link */