@media screen and (max-width: 1100px) {
    .prices {
		font-size: 14px;
		margin-left: calc(var(--page-padding) * -1);
		padding-left: calc(var(--page-padding) / 2);
		width: 100vw;
		overflow-x: auto;
    }
		.prices__table {
			width: max-content;
			margin: auto;
		}
			.prices__prices td {
				text-align: left;
				font-weight: 400;
			}
			.prices__prices th {
				max-width: 150px;
			}
			.prices th, .prices td {
				padding: 0.25em 0.5em;
			}
    .prices__arrow {
        float: right;
    }
}

@media screen and (min-width: 992px) {
    .prices__arrow {
        display: none;
    }
}