.card-wrapper {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.card-wrapper > p,
.card-details-wrapper > p {
	display: none;
}

.card-item {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--grey-100);
	border-radius: 28px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: space-between;
	min-height: 90px;
	padding: 15px 20px;
}

.card__content-wrapper {
	align-items: center;
	display: flex;
	gap: 10px;
}

.card__separator {
	align-self: stretch;
	background: var(--wp--preset--color--grey-100);
	width: 1px;
}

.card__title {
	font-family: var(--wp--preset--font-family--jost);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	word-break: break-word;
}

.card__content {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.card__rating {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	list-style-type: none;
}

.card__rating-item {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M11.9999 18.76L4.94691 22.708L6.52191 14.78L0.586914 9.292L8.61391 8.34L11.9999 1L15.3859 8.34L23.4129 9.292L17.4779 14.78L19.0529 22.708L11.9999 18.76ZM11.9999 16.468L16.2469 18.845L15.2979 14.072L18.8709 10.767L14.0379 10.194L11.9999 5.775L9.96191 10.195L5.12891 10.767L8.70191 14.072L7.75291 18.845L11.9999 16.468Z' fill='%231C97AD'/%3E%3C/svg%3E");
	background-size: contain;
	height: 17px;
	width: 16px;
}

.card__rating[data-rating="1"] .card__rating-item:nth-child(-n + 1),
.card__rating[data-rating="2"] .card__rating-item:nth-child(-n + 2),
.card__rating[data-rating="3"] .card__rating-item:nth-child(-n + 3),
.card__rating[data-rating="4"] .card__rating-item:nth-child(-n + 4),
.card__rating[data-rating="5"] .card__rating-item:nth-child(-n + 5),
.card__rating[data-rating="1.5"] .card__rating-item:nth-child(-n + 1),
.card__rating[data-rating="2.5"] .card__rating-item:nth-child(-n + 2),
.card__rating[data-rating="3.5"] .card__rating-item:nth-child(-n + 3),
.card__rating[data-rating="4.5"] .card__rating-item:nth-child(-n + 4) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M11.9999 18.76L4.94691 22.708L6.52191 14.78L0.586914 9.292L8.61391 8.34L11.9999 1L15.3859 8.34L23.4129 9.292L17.4779 14.78L19.0529 22.708L11.9999 18.76Z' fill='%231C97AD'/%3E%3C/svg%3E");
}

.card__rating[data-rating="0.5"] .card__rating-item:nth-child(1),
.card__rating[data-rating="1.5"] .card__rating-item:nth-child(2),
.card__rating[data-rating="2.5"] .card__rating-item:nth-child(3),
.card__rating[data-rating="3.5"] .card__rating-item:nth-child(4),
.card__rating[data-rating="4.5"] .card__rating-item:nth-child(5) {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M11.9999 16.468L16.2469 18.845L15.2979 14.072L18.8709 10.767L14.0379 10.194L11.9999 5.775V16.468ZM11.9999 18.76L4.94691 22.708L6.52191 14.78L0.586914 9.292L8.61391 8.34L11.9999 1L15.3859 8.34L23.4129 9.292L17.4779 14.78L19.0529 22.708L11.9999 18.76Z' fill='%231C97AD'/%3E%3C/svg%3E");
}

.card__buttons {
	align-items: center;
	display: flex;
	flex: 0 0 100%;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
}

.card__link {
	border-radius: 30px;
	font-family: Jost, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
	padding: 15px 30px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 300ms ease-out;
	width: 100%;
}

.card__link-external {
	background: var(--wp--preset--color--primary);
	border: 1px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

.card__link-external:hover {
	background: #12616e;
	border-color: #1c97ad;
	color: var(--wp--preset--color--white);
}

.card__link-internal {
	border: 1px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}

.card__link-internal:hover {
	background: #e6e6e6;
}

/*DETAIL*/
.card-details-wrapper{
	width: 100%;
}

.card-details-wrapper .card-item {
	border-radius: 28px 28px 0 0;
}

.card-details-wrapper .card-details-text {
	margin: 5px 0 0;
	line-height: 20px;
}

.card-details-wrapper .card-details__country .card-details-text,
.card-details-wrapper .card-details__app .card-details-text {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 10px;
}

.card-details-wrapper .card-details__country .card-details-text img {
	border: solid 1px #000;
	border-radius: 4px;
}

.card-details-wrapper .card-details__app .card-details-text .app {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 24px;
	width: 24px;
}
.card-details-wrapper .card-details__app .card-details-text .app_ios {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.6651 16.811C19.3882 17.4565 19.0461 18.072 18.6441 18.648C18.1071 19.415 17.6661 19.945 17.3281 20.24C16.8031 20.722 16.2391 20.97 15.6361 20.984C15.2041 20.984 14.6821 20.861 14.0741 20.611C13.4641 20.362 12.9041 20.24 12.3911 20.24C11.8541 20.24 11.2781 20.362 10.6611 20.611C10.0451 20.861 9.54714 20.992 9.16614 21.004C8.58914 21.029 8.01214 20.775 7.43714 20.24C7.07014 19.92 6.61114 19.37 6.06014 18.592C5.47014 17.763 4.98514 16.798 4.60514 15.701C4.19814 14.514 3.99414 13.366 3.99414 12.254C3.99414 10.981 4.26914 9.88202 4.82014 8.96202C5.23689 8.23949 5.83269 7.63646 6.55014 7.21102C7.25761 6.78669 8.06523 6.55821 8.89014 6.54902C9.35014 6.54902 9.95314 6.69102 10.7001 6.97102C11.4471 7.25102 11.9271 7.39302 12.1361 7.39302C12.2941 7.39302 12.8251 7.22602 13.7291 6.89502C14.5821 6.58802 15.3021 6.46102 15.8921 6.51102C17.4921 6.64002 18.6931 7.27002 19.4921 8.40602C18.0621 9.27302 17.3551 10.486 17.3691 12.043C17.3811 13.256 17.8221 14.265 18.6861 15.066C19.0681 15.4316 19.5138 15.7241 20.0011 15.929C19.8951 16.236 19.7831 16.529 19.6651 16.811ZM15.9981 2.38002C15.9981 3.33002 15.6501 4.21802 14.9591 5.03902C14.1231 6.01502 13.1131 6.58002 12.0181 6.49102C12.0038 6.37156 11.9968 6.25134 11.9971 6.13102C11.9971 5.21802 12.3931 4.24202 13.1001 3.44302C13.4521 3.03902 13.9001 2.70202 14.4431 2.43402C14.9851 2.17002 15.4971 2.02402 15.9791 1.99902C15.9921 2.12702 15.9981 2.25402 15.9981 2.38002Z' fill='%231A1A1A'/%3E%3C/svg%3E");
}

.card-details-wrapper .card-details__app .card-details-text .app_android {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.344 8.70989C17.637 8.70989 17.065 9.28189 17.065 9.98789V14.5179C17.065 14.8571 17.1997 15.1824 17.4396 15.4223C17.6794 15.6621 18.0047 15.7969 18.344 15.7969C18.6832 15.7969 19.0085 15.6621 19.2483 15.4223C19.4882 15.1824 19.623 14.8571 19.623 14.5179V9.98789C19.623 9.28189 19.051 8.70989 18.344 8.70989ZM5.65595 8.70989C4.94895 8.70989 4.37695 9.28189 4.37695 9.98789V14.5179C4.37695 14.8571 4.5117 15.1824 4.75156 15.4223C4.99142 15.6621 5.31674 15.7969 5.65595 15.7969C5.99517 15.7969 6.32048 15.6621 6.56034 15.4223C6.8002 15.1824 6.93495 14.8571 6.93495 14.5179V9.98789C6.93508 9.81994 6.90209 9.65361 6.83784 9.49843C6.7736 9.34325 6.67938 9.20227 6.56058 9.08356C6.44177 8.96485 6.30071 8.87073 6.14549 8.80661C5.99026 8.7425 5.8239 8.70963 5.65595 8.70989ZM14.545 4.90089L15.313 3.51289C15.3354 3.47337 15.3498 3.42979 15.3552 3.38467C15.3607 3.33955 15.3571 3.2938 15.3448 3.25007C15.3324 3.20634 15.3114 3.16551 15.2831 3.12994C15.2549 3.09437 15.2198 3.06478 15.18 3.04289C15.1402 3.0205 15.0965 3.00622 15.0512 3.00089C15.0059 2.99556 14.96 2.99929 14.9162 3.01185C14.8724 3.02441 14.8315 3.04556 14.7959 3.07406C14.7603 3.10257 14.7308 3.13786 14.709 3.17789L13.92 4.59789C13.332 4.36289 12.684 4.22989 12 4.22989C11.316 4.22989 10.668 4.36189 10.08 4.59689L9.29095 3.17889C9.26913 3.13886 9.23957 3.10357 9.20399 3.07506C9.16841 3.04656 9.12752 3.02541 9.0837 3.01285C9.03987 3.00029 8.99399 2.99656 8.94871 3.00189C8.90343 3.00722 8.85966 3.0215 8.81995 3.04389C8.78032 3.06598 8.74544 3.09567 8.7173 3.13126C8.68916 3.16685 8.66831 3.20764 8.65596 3.2513C8.6436 3.29496 8.63998 3.34062 8.6453 3.38568C8.65062 3.43074 8.66477 3.47431 8.68695 3.51389L9.45495 4.90189C8.07195 5.68989 7.14795 7.09889 7.14795 8.70989C7.14795 8.72089 7.14795 8.73089 7.14995 8.74389C7.14795 8.74989 7.14795 8.75689 7.14795 8.76289V8.76389H16.851V8.76289V8.74389V8.70989C16.852 7.09889 15.928 5.69089 14.545 4.90089ZM9.75995 6.86889C9.71445 6.86856 9.66946 6.85927 9.62754 6.84156C9.58563 6.82384 9.54762 6.79804 9.51567 6.76563C9.45116 6.70018 9.41529 6.61179 9.41595 6.51989C9.41662 6.42799 9.45376 6.34012 9.51921 6.27561C9.58466 6.2111 9.67306 6.17523 9.76495 6.17589C9.85685 6.17655 9.94472 6.21369 10.0092 6.27914C10.0737 6.34459 10.1096 6.43299 10.109 6.52489C10.1083 6.61679 10.0711 6.70466 10.0057 6.76917C9.94025 6.83368 9.85185 6.86955 9.75995 6.86889ZM14.24 6.86889C14.1527 6.86225 14.0712 6.82292 14.0118 6.75876C13.9523 6.69461 13.9193 6.61036 13.9193 6.52289C13.9193 6.43542 13.9523 6.35117 14.0118 6.28701C14.0712 6.22286 14.1527 6.18352 14.24 6.17689C14.3317 6.17689 14.4197 6.21334 14.4846 6.27823C14.5495 6.34312 14.586 6.43112 14.586 6.52289C14.586 6.61465 14.5495 6.70266 14.4846 6.76755C14.4197 6.83243 14.3317 6.86889 14.24 6.86889ZM7.14795 16.1199C7.14795 16.7659 7.67295 17.2909 8.32195 17.2909H8.90795V19.6919C8.90795 20.0311 9.04271 20.3564 9.28256 20.5963C9.52242 20.8361 9.84774 20.9709 10.187 20.9709C10.5262 20.9709 10.8515 20.8361 11.0913 20.5963C11.3312 20.3564 11.466 20.0311 11.466 19.6919V17.2909H12.532V19.6919C12.532 20.3989 13.104 20.9699 13.809 20.9699C14.518 20.9699 15.09 20.3989 15.09 19.6919V17.2909H15.676C16.324 17.2909 16.85 16.7669 16.85 16.1199V9.02789H7.14795V16.1199Z' fill='%231A1A1A'/%3E%3C/svg%3E");
}

.card-details-wrapper .card__separator {
	display: none;
}

.card-details-wrapper .card-item .card__content-wrapper {
	flex: 1 1 100%;
}

.card-details-wrapper .card-item .card__content-wrapper > div {
	flex: 1 1 47%;
}

.card-details {
	align-self: stretch;
	background: var(--wp--preset--color--grey-100);
	border-radius: 0 0 28px 28px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 15px 20px;
	justify-content: center;
}

.card-details > div {
	flex: 1 1 48%; /*grow | shrink | basis */
}

.card-details > div:nth-child(1) { order: 10; }
.card-details > div:nth-child(2) { order: 20; }
.card-details > div:nth-child(3) { order: 30; }
.card-details > div:nth-child(4) { order: 40; }
.card-details > div:nth-child(5) { order: 50; }
.card-details > div:nth-child(6) { order: 60; }

.card-details:before,
.card-details:after {
	border-bottom: solid 1px var(--wp--preset--color--white);
	content: "";
	flex: 1 0 100%;
}

.card-details:before {
	order: 25;
}

.card-details:after {
	order: 45;
}

.card-details-label {
	color: var(--wp--preset--color--grey-500);
	font-size: 14px;
	font-weight: 500;
	line-height: 14px;
}

@media only screen and (min-width: 678px) {
	.card__content-wrapper {
		gap: 20px;
	}

	.card__logo-img {
		width: 126px;
	}

	.card__rating-item {
		height: 25px;
		width: 24px;
	}

	.card__buttons {
		flex: 0 0 auto;
		min-width: 250px;
	}

	.card-details {
		gap: 20px 10px;
	}

	.card-details > div {
		flex: 1 1 30%; /*grow | shrink | basis */
	}

	.card-details:before {
		order: 35;
	}

	.card-details:after {
		display: none;
	}

	.card-details-wrapper .card-item .card__content-wrapper {
		flex: 1 1 60%;
	}

	.card-details-wrapper .card-item .card__buttons{
		flex: 1 1 30%;
	}
}