@property --gradient-bg-start{syntax:"<color>";initial-value:#fff;inherits:false}@property --gradient-bg-end{syntax:"<color>";initial-value:#fff;inherits:false}.pagination-container{padding:16px;border-radius:8px;border:1px solid var(--Grey);width:-moz-fit-content;width:fit-content;margin:64px auto 0;display:flex;align-items:center;gap:8px;position:relative;z-index:1}.pagination-container .next-button,.pagination-container .page-button,.pagination-container .prev-button{border-radius:4px;height:40px;width:40px;display:flex;align-items:center;justify-content:center;background:none;opacity:.6;transition:.5s,border .1s;border:1px solid transparent;cursor:pointer}@media screen and (max-width:639px){.pagination-container .next-button,.pagination-container .page-button,.pagination-container .prev-button{width:36px;height:36px}}.pagination-container .page-button.active{pointer-events:none;color:var(--White);opacity:1;background:var(--Purple-gradient)}.pagination-container .next-button:hover,.pagination-container .page-button:hover,.pagination-container .prev-button:hover{opacity:1;color:var(--Blue-purple);border-color:var(--Blue-purple)}.pagination-container button:disabled{cursor:not-allowed;opacity:.5!important}.pagination-container .next-button,.pagination-container .prev-button{width:-moz-fit-content;width:fit-content;padding:0 16px;gap:8px}@media screen and (max-width:639px){.pagination-container .next-button,.pagination-container .prev-button{display:none}}.pagination-container .next-button:disabled,.pagination-container .prev-button:disabled{display:none}@media screen and (max-width:639px){.pagination-container{padding:12px}}