.rh-navigation-block {
	@apply .rounded .bg-secondary flex-1;

	&__header {
		@apply p-4 flex .items-center;

		&-round-button {
			@apply .leading-none;

			&-icon {
				@apply bg-primary .rounded-full w-8 h-8 .inline-flex .items-center .justify-center font-icon .font-normal .antialiased .not-italic .text-2xl .text-white;

				&:before {
					content: '\e829';
				}
			}
		}

		&-title {
			@apply ml-2 flex-auto;
		}
	}

	&__description {
		@apply p-4 pt-0 items-center flex-grow;
		&-text {
			@apply text-white;
		}
	}

	.rh-link--navigation {
		@apply font-bold .text-white .text-lg;

		&:hover {
			@apply .underline;
		}
	}
}