.hpk_pagination{
	nav.pagination_products{
		
		display: flex;
		flex-direction: row;
		align-items: center;
		column-gap: 20px;
		row-gap: 10px;
		
		> ul {
			display: flex;
			gap: 10px;
			
			a:hover{
				border: 1px solid #2DA4DC;
				transition: 0.3s;
			}
			
			.previous{
				transition: 0.3s;
				
				svg {
					rotate: 180deg;
					width: 4px;
				}
			}
			
			.next{
				
				svg{
					width: 4px;
				}
			}
			
			.first {
				svg {
					width: 10px;
				}
			}
			
			.last {
				
				svg {
					width: 10px;
				}
			}
			
			li{
				
				a, strong{
					min-width: 32px;
					min-height: 32px;
					aspect-ratio: 1;
					border: 1px solid #EDEDED;
					display: flex;
					align-items: center;
					justify-content: center;	
					
					font-weight: 400;
					font-size: 0.875rem;
					color: #031834;
					text-decoration: none;
				}
				
				strong.active{
					background-color: #0070C5;
					color: white;
					svg {
						path {
							stroke: white;
						}
					} 
				}
			}
		}
		
		.currentpage {
			font-size: 0.875rem;
		}
	}
}