.ppcp-r-badge-box {
	margin: 0 0 8px 0;

	&__title {
		@include font(14, 20, 700);
		display: block;
		margin: 0 0 8px 0;

		.ppcp-r-badge-box__title-text {
			color: #000;

			&--big {
				@include font(16, 28, 700);
			}

			&--small {
				vertical-align: text-bottom;
			}
		}

		.ppcp-r-badge-box__title-text:not(:empty) + .ppcp-r-badge-box__title-image-badge {
			margin-left: 7px;

			img {
				margin-left: 5px;
				vertical-align: bottom;
				height: 24px;
			}
		}

		&--has-image-badge .ppcp-r-title-badge--info {
			display: block;
			margin: 6px 0px 0px 0px;
			width: fit-content;
		}

		@media screen and (max-width: 480px) {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 8px;
			flex-direction: column;

			.ppcp-r-badge-box__title-text:not(:empty) + .ppcp-r-badge-box__title-image-badge {
				margin: 0px;
				img:first-of-type {
					margin: 0px;
				}
			}
		}
	}
}
