/* Luton Rentals — Call to Action band */

.lr.cta { position: relative; overflow: hidden; padding: 104px 0; background-color: var(--lr-night); color: var(--lr-white); }
.lr.cta--amber { background-color: var(--lr-amber); color: var(--lr-night); }
.lr.cta--img { padding: 140px 0; }

.lr .cta__bg { position: absolute; inset: 0; }
.lr .cta__bg img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
.lr .cta__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(13, 22, 36, .9) 0%, rgba(13, 22, 36, .6) 55%, rgba(13, 22, 36, .3) 100%); }
.lr.cta--amber .cta__bg::after { background: linear-gradient(90deg, rgba(255, 176, 32, .96) 0%, rgba(255, 176, 32, .82) 55%, rgba(255, 176, 32, .5) 100%); }

.lr .cta__in { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.3fr) auto; gap: 32px 64px; align-items: end; }
.lr .cta .h2 { max-width: 14em; }
.lr .cta__text { margin-top: 18px; max-width: 32em; font-size: 18px; line-height: 1.6; color: rgba(255, 255, 255, .76); }
.lr.cta--amber .cta__text { color: rgba(13, 22, 36, .78); }

.lr .cta__act { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; }
.lr.cta--night .cta__call, .lr.cta--night .cta__call:focus { color: var(--lr-white); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .5); }
.lr.cta--night .cta__call:hover { background-color: var(--lr-white); color: var(--lr-night); }
.lr.cta--amber .cta__call, .lr.cta--amber .cta__call:focus { color: var(--lr-night); box-shadow: inset 0 0 0 1.5px var(--lr-night); }
.lr.cta--amber .cta__call:hover { background-color: var(--lr-night); color: var(--lr-white); }

@media (max-width: 900px) {
	.lr .cta__in { grid-template-columns: minmax(0, 1fr); }
	.lr .cta__act { justify-content: flex-start; }
}

@media (max-width: 640px) {
	.lr.cta, .lr.cta--img { padding: 64px 0; }
	.lr .cta__text { font-size: 16.5px; }
	.lr .cta__act { flex-direction: column; }
	.lr .cta__act .btn { width: 100%; }
}