@import url("../reset.css");
@import url("../shared.css");

@import url("../footer.css");
@import url("../header.css");

.cab-payment-method {
	border-radius: 20px;
	background: var(--primitives-background-primary-color, #fff);
	box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.15);
	padding: 32px;
}

.cab-payment-method__title {
	margin-bottom: 24px;
	color: var(--primitives-typography-black-primary, #171c1a);

	font-size: 24px;
	font-weight: 700;
}

.cab-payment-method-form-type {
	display: flex;
	gap: 20px;
	padding-bottom: 12px;
	border-bottom: 0.5px solid var(--global-brand-900, #002818);
	margin-bottom: 34px;
}

.cab-payment-method-form-info {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-bottom: 12px;
	border-bottom: 0.5px solid var(--global-brand-900, #002818);
	margin-bottom: 24px;
}

.cab-payment-method-form-info__text {
	color: var(--primitives-typography-black-secondary, #303533);
	font-size: 16px;
}

.cab-payment-method-total {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 24px;
}

.cab-payment-method-total__item {
	color: var(--primitives-typography-black-primary, #171c1a);
	font-size: 24px;
	font-weight: 700;
}

.cab-payment-method-form-agree {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 24px;
}

.cab-payment-method-form-agree__text {
	color: var(--primitives-typography-black-secondary, #303533);
	font-size: 16px;
}

.cab-payment-method__agree-link {
	color: var(--primitives-typography-black-secondary, #303533);
}

@media (max-width: 769px) {
	.cab-payment-method {
		padding: 16px;
	}
}