Pagination style 5
This is another example of a page navigation button line, designed with HTML and CSS. The buttons take a highlight action in a focus event. The Li element of lists has been used to display the buttons in a list. The set of buttons is given the styles of background color as #341f97, font-family as 'Kodchasan', sans-serif, padding as 5px, display as inline- flex, and position as relative. The button numbers have the styles of color as #fff, background color as #5f27cd, font size as 24px, letter-spacing as 1px, text-shadow as 1px 1px 0 rgba(0, 0, 0, 0.2), line-height as 37px, height and width as 42px, and a border of 3px solid transparent. The text-transform is set as uppercase to automatically transform it to uppercase. The buttons will get highlighted in a focus event, taking a transformation of scale (1.3).