/*.box {*/
/*--border-size: 3px;*/
/*    --border-angle: 0turn;*/
/*    background-image: conic-gradient(from var(--border-angle), #f2f3f5, #f2f3f5 50%, #f2f3f5), conic-gradient(from var(--border-angle), transparent 20%, #49935dad, #3bb9a5);*/
/*    background-size: calc(100% - (var(--border-size) * 2)) calc(100% - (var(--border-size) * 2)), cover;*/
/*    background-position: center center;*/
/*    background-repeat: no-repeat;*/
/*    -webkit-animation: bg-spin 3s linear infinite;*/
/*    animation: bg-spin 3s linear infinite;*/
/*}*/

/*@-webkit-keyframes bg-spin {*/
/*	to {*/
/*		--border-angle: 1turn;*/
/*	}*/
/*}*/

/*@keyframes bg-spin {*/
/*	to {*/
/*		--border-angle: 1turn;*/
/*	}*/
/*}*/

/*.box:hover {*/
/*	-webkit-animation-play-state: paused;*/
/*	animation-play-state: paused;*/
/*}*/

/*@property --border-angle {*/
/*	syntax: "<angle>";*/
/*	inherits: true;*/
/*	initial-value: 0turn;*/
/*}*/
 .block {
		position: relative;
		margin: 300px auto 0 0;
		border-radius: 3px;
		border: 2px;
		background: linear-gradient(0deg, #f2f3f5, #f2f3f5);
	}
	
	.block:before, .block:after {
		content: '';
		position: absolute;
		left: -2px;
		top: -2px;
		background: linear-gradient(100deg,#3bb9a5,#f2f3f5);
		background-size: 400%;
		width: calc(100% + 4px);
		height: calc(100% + 4px);
		z-index: -1;
		animation: steam 15s linear infinite;
		border-radius:inherit
	}
	
	@keyframes steam {
		0% {
			background-position: 0 0;
		}
		50% {
			background-position: 400% 0;
		}
		100% {
			background-position: 0 0;
		}
	}
	
	.block:after {
		filter: blur(3px);
	}