@import '../../common';

.rs-post-navigation {
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
		align-items: center;
		li {
			margin-right: 10px;
			a {
				background: $primaryColor;
				color: #fff;
				padding: 9px 22px;
				border-radius: 6px;
				display: inline-block;
				font-size: 14px;
				font-weight: 600;
				line-height: 24px;
				span {
					display: flex;
					align-items: center;
					transition: all 0.3s linear;
					svg {
						position: relative;
						margin-right: 10px;
						
						path {
							fill: #fff;
						}
						top: -2px;
					}
				}
			}
			&.next {
				margin-right: 0;
				a {
					display: flex;
					align-items: flex-end;
					justify-content: end;
					flex-direction: column;
					svg {
						width: 14px;
						height: 14px;
						margin-right: 0;
						margin-left: 10px;
						transition: all 0.3s linear;
					}
				}
			}
			&.prev {
				a {
					
					svg {
						width: 14px;
						height: 14px;
						transition: all 0.3s linear;
					}
				}
			}


		}
	}
}