.saved-cards h3 {

	font-size: clamp(16px, 2vw, 20px);

}



.saved-card p {

	font-size: clamp(14px, 2vw, 18px);

}



.saved-card {

	border-radius: 5px;

	border: 1px solid var(--line-color);

	background-color: transparent;

	cursor: pointer;

	transition: border-color .2s ease, background-color .2s ease;

}



.saved-card:hover {

	border-color: var(--primary);

	background-color: var(--default-card);

}



.saved-card.default-card {

	border-color: var(--primary);

	background-color: var(--default-card);

}



.saved-card.default-card .default-text {

	display: block;

}



.card-icon img {

	width: 45px;

}



.card-date {

	color: var(--grey);

	padding: 0 10px;

}



.default-text {

	color: var(--grey);

	display: none;

}



.card-btn {

	color: var(--grey);

	padding: 0 10px;

	background-color: transparent;

	transition: color .2s ease;

	font-size: clamp(16px, 2vw, 18px);

}



.card-btn:hover {

	color: var(--black);

}



.card-btn:active {

	color: var(--primary);

}





/****************************

******* PAYMENT METHOD *****

*************************** */





.payment-method > p {

	font-size: clamp(14px, 2vw, 18px);

	color: var(--grey);

}



.payment-tooltip {

	width: 17px;

	height: 17px;

	border-radius: 500px;

	background-color: var(--line-color);

	display: flex;

	justify-content: center;

	align-items: center;

	margin-left: 5px;

}



.method-type {

	border: 1px solid var(--line-color);

	background-color: var(--shop-filter-bck);

	border-radius: 5px;

	transition: border .2s ease, box-shadow .2s ease;

}



.method-type:hover {

	border-color: var(--black);

	box-shadow: 0 0 0 .25rem rgba(0, 0, 0, 0.15);

}



.method.checked .method-type {

	border-color: var(--black);

	box-shadow: 0 0 0 .25rem rgba(0, 0, 0, 0.15);

}



.method-type .address-radio-btn:checked {

	background-color: var(--white) !important;

	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='%23000'/></svg>");

	border-color: var(--black);

}



.method-type h5 {

	font-size: clamp(14px, 2vw, 20px);

	color: var(--black);

}



.method-type p {

	font-size: clamp(14px, 2vw, 16px);

	color: var(--grey);

	width: 300px;

}



.method-type .card-icon i {

	font-size: 30px;

}



.method-type .card-icon img {

	width: 30px;

}



.confirm-btn {

	font-size: clamp(14px, 2vw, 16px);

	color: white;

	padding: 14px 36px;

	background-color: var(--primary);

	transition: background-color .2s ease;

}



.confirm-btn:hover {

	background-color: var(--primary-hover);

}



.confirm-btn:active {

	background-color: var(--primary-active);

}





@media (min-width: 768px) {

	.card-btn {

		padding: 10px;

	}



	.saved-card {

		border-color: transparent;

	}

}



@media (min-width: 1200px) {

	.method-type .card-icon i {

		font-size: 40px;

	}

	

	.method-type .card-icon img {

		width: 40px;

	}

}