.tripbuilder-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    height: 100%;
    color: currentColor;
    white-space: nowrap;
    font-weight: 700;
}

.tripbuilder-counter i {
    font-size: var(--text-lg);
}
.tripbuilder-counter span {
    letter-spacing: 0.3em;

}

@media (hover: hover) {
	.tripbuilder-counter:hover {
		color: currentColor;
	}
}

@media (min-width: 64em) {
    .tripbuilder-counter {
        padding: 0 17px;
    }
}