.pagination{margin:60px 0}.pagination__wrapper{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}@media only screen and (max-width:479px){.pagination__wrapper{max-width:100%;gap:10px}}.pagination__pages{display:flex;align-items:center;gap:8px}@media only screen and (max-width:479px){.pagination__pages{gap:4px}}.pagination__page{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:none;font-size:16px;font-weight:600;font-family:Raleway,Verdana,sans-serif;color:#54595f;background-color:transparent;cursor:pointer;transition:all .3s ease}@media only screen and (max-width:479px){.pagination__page{width:32px;height:32px;font-size:14px}}.pagination__page:hover{background-color:#0189a826;color:#0189a8}.pagination__page.active{background:linear-gradient(135deg,#0189a8,#0aa89b);background-size:200% 200%;background-position:left;color:#fff;box-shadow:0 2px 8px #0189a840}.pagination__page.active:hover{background:linear-gradient(315deg,#0189a8,#0aa89b)}.pagination__dots{color:#54595f;padding:0 4px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:16px;font-weight:600;font-family:Raleway,Verdana,sans-serif}@media only screen and (max-width:479px){.pagination__dots{width:32px;height:32px;font-size:14px}}.pagination__button{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:none;font-size:16px;font-weight:600;font-family:Raleway,Verdana,sans-serif;color:#0189a8;background-color:transparent;cursor:pointer;transition:all .3s ease}@media only screen and (max-width:479px){.pagination__button{padding:8px 12px;font-size:14px;gap:4px}}.pagination__button:hover{background-color:#0189a826}.pagination__button:active{background-color:#0189a840}.pagination__button svg{width:20px;height:20px;transition:transform .3s ease}@media only screen and (max-width:479px){.pagination__button svg{width:16px;height:16px}}.pagination__button--prev:hover svg{transform:translate(-3px)}.pagination__button--next:hover svg{transform:translate(3px)}