@utility burst-button-icon {
	@apply bg-gray-300 text-button-accent border border-none rounded-full
		w-4 h-4 p-2.5 m-1.5
		inline-flex items-center justify-center
		transition-all duration-300 ease-in-out
		cursor-pointer
		hover:p-2.5 hover:m-0;
}

@utility burst-button-icon--delete {
	&:hover {
	@apply bg-red-100;
	}

	&:hover svg path {
	@apply fill-red;
	}
}

@utility burst-button--date-range {
	@apply flex items-center cursor-pointer
		shadow-rsp
		gap-2.5
		text-gray
		bg-white
		border border-gray-400
		rounded-xs
		px-1 py-3.5;

	& .burst-icon {
	@apply h-max;
	}
}

@utility burst-icon {
	.burst-button--date-range & {
	@apply h-max;
	}
}