.back_home a { background-color: rgba(0, 107, 176, .8); border-radius: 0 100px 100px 0; padding: 20px; color: #fff; text-transform: uppercase; text-decoration: auto; } .fix { background: #cfccc4; border-radius: 20px; margin: 100px; padding: 30px 10px 40px; } .new_games { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; box-sizing: border-box; } .item-games { padding: 10px; width: calc(20% - 20px); } .pagination { display: flex; align-items: center; justify-content: center; gap: 0.75rem; margin: 2.75rem 0 0; font-weight: 700; } .pagination__link { display: flex; align-items: center; justify-content: center; width: 68px; height: 50px; border-radius: 15%; border: 0.125rem solid transparent; background-color: #abd4eb; transition: background-color 0.2s, border-color 0.2s, transform 0.2s; text-decoration: auto; font-size: 20px; } .pagination__link._active { cursor: default; pointer-events: none; background-color: #fff; border-color: #ec7100; } .pagination__link:hover { border-color: #ec7100; background-color: #c4e9fe; transform: scale(1.05); } @media (max-width: 1366px) { .item-games { width: calc(25% - 20px); } } @media (max-width: 1024px) { .item-games { width: calc(33.33% - 20px); } .fix { padding: 20px !important; } } @media (max-width: 768px) { .item-games { width: calc(50% - 20px); } .fix { padding: 10px !important; margin: 10px !important; } .new_games { gap: 10px !important; } } @media (max-width: 480px) { .item-games { width: 100%; } }