.subscription-plan-box {
	padding: 0;
	padding-top: 48px;
	border: none;
	border-radius: 3px;
}

.selected-package {
	padding: 8px 12px;
	width: fit-content;
	text-wrap: nowrap;
	border-radius: 200px;
	border: 1px solid var(--primary);
	color: var(--primary);
	background-color: var(--primary-lighter-2);
}

.storage-bar {
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: 
	  radial-gradient(closest-side, white 69%, transparent 70% 100%),
	  conic-gradient(var(--primary) 33%, var(--grey-3) 0);   
}

.storage-bar h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media(min-width: 768px) {
	.subscription-plan-box {
		padding: 32px;
		border: 1px solid var(--grey-3);
		border-radius: 3px;
	}

	.storage-bar {
		width: 200px;
		height: 200px;  
	}
	
}