.pagination__btn, .pagination__item {
	position: relative;
}

.pagination__btn a, .pagination__item a {
	position: absolute;
	left: 0; top: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%; height: 100%;
}

.custom-input {
	transition: background .2s;
}

.custom-input.error {
	background: rgba(255,0,0,.15);
}

.custom-input.error:-webkit-autofill,
.custom-input.error:-webkit-autofill:hover, 
.custom-input.error:-webkit-autofill:focus, 
.custom-input.error:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

form {
	transition: opacity .3s;
}

form[aria-busy="true"] {
	opacity: .5; pointer-events: none;
}

.tomato.cabbage .i {
	background-image: url(../assets/img/hero/cabbage-2.webp);
}

.tomato.cabbage .i {
    translate: 0 4px;
}

.section-text {
	padding-top: 32px; padding-bottom: 90px;
}

.section-text .main-container > * {
	padding-top: 16px;
}

.section-text .main-container > h2 {
	padding-top: 32px;
}

.section-text .main-container > ul, .section-text .main-container > ul li {
	list-style-type: disc;
}

.section-text .main-container > ol, .section-text .main-container > ol li {
	list-style-type: auto;
}

.section-text .main-container > ul, .section-text .main-container > ol {
	padding-left: 20px;
}

.section-text .main-container li:not(:first-child) {
	margin-top: 8px;
}

.section-text .main-container a {
	text-decoration: underline;
	text-underline-offset: 0.35ch;
	color: #20a479;
}

.section-text .main-container hr {
	margin-top: 32px;
}

@media (min-width: 80rem) {
	.section-text {
		padding-top: 64px; padding-bottom: 120px;
	}

    .carrot {
        height: 110px;
        width: 30px;
        margin: -1ch 0;
    }

	.tomato.cabbage .i {
        translate: 1px 11px;
    }
}