JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bottom-header__column">
				<div class="bottom-header__info info-header">
					<div class="info-header__column">
						<a href="" class="info-header__callback"><span>Обратный звонок</span></a>
					</div>
					<div class="info-header__column">
						<div class="info-header__schedule">
							<p><span>Пн-Пт:</span> 09:00-21:00;</p>
							<p><span>Сб-Вс:</span> 10:00-20:00</p>
						</div>
					</div>
					<div class="info-header__column">
						<a href="" class="info-header__cart">
							<span>12</span>
						</a>
					</div>
				</div>
			</div>

CSS

.info-header {
	display: flex;
	justify-content: space-around;
	align-items: center;
	.info-header__column{
		padding: 0px 54px 0px 0px;
		&:last-child {
			padding: 0;
		}
	}
	.info-header__callback{
		background: url("../img/icons/header/callback.jpg") left no-repeat;
		display: inline-block;
		color: #1ab9ce;
		padding: 0px 0px 0px 32px;
		line-height: 20px;
		white-space: nowrap;
	}
	.info-header__schedule{
		background: url("../img/icons/header/schedule.png") left no-repeat;
		display: inline-block;
		padding: 0px 0px 0px 37px;
		font-weight: 300;
		line-height: 18px;
		color: #999999;
		span {
			font-weight: 900;
		}
		@media (max-width: $md1+px) {
			background: none;
			padding: 0;
		}
	}
	&__cart {
		width: 43px;
		height: 43px;
		background: url("../img/icons/header/cart.png") 0 0 no-repeat;
		position: relative;
		display: inline-block;
		span {
			position: absolute;
			width: 41px;
			line-height: 25px;
			background-color: #f68038;
			padding: 0px 11px;
			border-radius: 20px;
			transform: translate(70% 0px);
			right: -10px;
			top: -3px;
			font-size: 18px;
			font-weight: 700;
			color: #fff;
			@media (max-width: $md1+px) {
				right: -10px;
			}
		}
	}