:root{
	--size:  95px;
}

.contenedorlogo{
	position: relative;
	width: var(--size);
	height: var(--size);
}

.linkindex{
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 50%;
}

.stories-container{
	margin: 0;
	display: flex;
	width: var(--size);
}

.stories-container .story .outer-border{
	width: var(--size);
	height: var(--size);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	box-sizing: border-box;

	background: radial-gradient(circle farthest-corner at 52% 106%,
	rgb(194, 239, 165) 0%,
	rgb(136, 176, 111) 10%,
	rgb(96, 125, 79) 28% ,
 	rgb(64, 82, 53) 42%,
 	transparent 82%
 	), linear-gradient(135deg,rgb(194, 239, 165) 12%, rgb(64, 82, 53) 58%);
}


/*original
.stories-container .story .outer-border{
	background-color: black;
	width: var(--size);
	height: var(--size);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	box-sizing: border-box;

	background: radial-gradient(circle farthest-corner at 32% 106%,
	rgb(255, 225, 125) 0%,
	rgb(255, 205, 105) 10%,
	rgb(250, 145, 55) 28% ,
 	rgb(235, 65, 65) 42%,
 	transparent 82%
 	), linear-gradient(135deg,rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}
*/

.stories-container .story .outer-border .border{
	background-color: rgba(200, 200, 200, 1.0);
	border-radius: 50%;
	width: calc(var(--size) - 10px);
	height: calc(var(--size) - 10px);
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.stories-container .story .outer-border .border a{
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.stories-container .story .outer-border .border img{
	width: calc(var(--size) - 10px);
	height: calc(var(--size) - 10px);
	border-radius: 50%;
	box-sizing: border-box;
	box-shadow: 0 0 2px rgba(3, 149, 69, 1.0);
}

.stories-container .story .name{
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0px 0;
	font-weight: 500;
	font-size: 16px;
	width: var(--size);
}