.nail-pagination{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:8px;
    padding:14px 10px;
    background:#fff;
}

.nail-pagination__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    justify-self:center;
    gap:4px;
    padding:10px 5px;
    color:#171717;
    font-weight:700;
    text-decoration:none;
    text-align:center;
}

.nail-pagination__icon{
    display:block;
    flex:0 0 auto;
    transition:transform .18s ease;
}

.nail-pagination__previous:hover .nail-pagination__icon{
    transform:translateX(-2px);
}

.nail-pagination__next:hover .nail-pagination__icon{
    transform:translateX(2px);
}

.nail-pagination__select{
    justify-self:center;
}

.nail-pagination__select select{
    max-width:150px;
    padding:9px;
    border:1px solid var(--nail-border);
    border-radius:10px;
    background:#fff;
}

.nail-is-disabled{
    pointer-events:none;
    opacity:.35;
}