/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-pager"] {
--icon-width: .75rem;
--icon-height: .75rem;
--pager-border-color: var(--color-gainsboro);
}

/* @end @variables */

/* @group @m-pager */

[class*="m-pager"] {
display: grid;
grid-template-columns: 1fr 1px 1fr;
}

[class*="m-pager"]:before {
grid-column: 2;
grid-row: 1;
}

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

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

/* @end @m-pager */

/* @group @m-pager */

[class*="m-pager"] {
box-sizing: border-box;
min-height: calc(.375rem * 10);
border: solid var(--pager-border-color);
border-width: 1px 0;
}

[class*="m-pager"]:before {
content: '';
background-color: var(--pager-border-color);
}

/* @end @m-pager */

/* -------------------------------------------------------- */

/* @group @a-pager-link */

[class*="a-pager-link"] {
display: grid;
place-items: center center;
grid-template-columns: auto 1fr;
gap: .75rem;
padding: calc(.75rem - 1px);
color: var(--color-text);
text-align: center;
transition: var(--link-transition);
}

[class*="a-pager-link"]:hover,
[class*="a-pager-link"]:focus {
color: var(--color-premier-action);
}

[class*="a-pager-link"]:active {
color: var(--color-premier-active);
}

[class*="a-pager-link-next"] {
direction: rtl;
}

/* @end @a-pager-link */