.index-about__link {
	display: inline-flex;
	justify-content: center;
	position: relative;
	width: 480px;
	height: 554px;
	user-select: none;
}

.index-about__img-wrap {
	overflow: hidden;
	-webkit-clip-path: polygon(100% 75%, 50% 100%, 0% 75%, 0% 25%, 50% 0%, 100% 25%);
	clip-path: polygon(100% 75%, 50% 100%, 0% 75%, 0% 25%, 50% 0%, 100% 25%);
}

.index-about__img-wrap:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 28px;
	bottom: 28px;
	left: 25px;
	right: 25px;
	background-size: cover;
	background-image: url("data:image/svg+xml,%3Csvg width='430' height='498' viewBox='0 0 430 498' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.35' d='M0.5 372.774V125.226L215 1.44142L429.5 125.226V372.774L215 496.558L0.5 372.774Z' stroke='white'/%3E%3C/svg%3E%0A");
}


.index-about__img-wrap > img {
	height: 100%;
	object-fit: cover;
	margin-left: -10px;
}

.index-about__play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 80px;
	background-image: url("data:image/svg+xml,%3Csvg width='70' height='80' viewBox='0 0 70 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_843_50)'%3E%3Cpath d='M35 0L70 20V60L35 80L0 60V20L35 0Z' fill='%2300AA85' fill-opacity='0.75'/%3E%3C/g%3E%3Cpath d='M43.4889 39.1591C44.1704 39.5279 44.1704 40.4721 43.4889 40.8409L30.4942 47.8747C29.8258 48.2365 29 47.7717 29 47.0338L29 32.9662C29 32.2283 29.8258 31.7635 30.4942 32.1253L43.4889 39.1591Z' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3Cdefs%3E%3Cfilter id='filter0_b_843_50' x='-8' y='-8' width='86' height='96' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='4'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_843_50'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_843_50' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    transform: translate(-50%, -50%);
    z-index: 4;
}

.index-about__play-icon:after {
	content: "";
	position: absolute;
	top: -60px;
	left: -60px;
	width: 190px;
	height: 200px;
	opacity: 0;
	z-index: 5;
	visibility: hidden;
	background-image: url("data:image/svg+xml,%3Csvg width='190' height='200' viewBox='0 0 190 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_858_25)'%3E%3Cpath d='M95 60L130 80V120L95 140L60 120V80L95 60Z' fill='%2300AA85'/%3E%3C/g%3E%3Cpath d='M103.489 99.1591C104.17 99.5279 104.17 100.472 103.489 100.841L90.4942 107.875C89.8258 108.236 89 107.772 89 107.034L89 92.9662C89 92.2283 89.8258 91.7635 90.4942 92.1253L103.489 99.1591Z' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_858_25' x='0' y='0' width='190' height='200' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='30'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0.666667 0 0 0 0 0.521569 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_858_25'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_858_25' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
	-moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.index-about__link:hover .index-about__play-icon:after {
	opacity: 1;
	visibility: visible;
}


.index-about__play-wrap {
	position: absolute;
	bottom: 153px;
	left: 50%;
	transform: translateX(-50%);
	height: 70px;
	width: 272px;
}

.index-about__play {
	position: relative;
	clip-path: polygon(100% 50%, 90% 100%, 10% 100%, 0% 50%, 10% 0%, 90% 0%);
	background-color: rgba(0, 170, 133, 0.75);
}

.index-about__play span {
	position: relative;
	display: block;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.67;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 20px 35px 20px 65px;
	white-space: nowrap;
	z-index: 3;
}

.index-about__play span:before {
	content: "";
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4889 8.1559C16.1704 8.52476 16.1704 9.46889 15.4889 9.83775L2.49422 16.8715C1.82585 17.2333 1 16.7685 1 16.0306L1 1.96306C1 1.22513 1.82585 0.760361 2.49422 1.12214L15.4889 8.1559Z' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	width: 17px;
	height: 18px;
	left: 39px;
	top: 50%;
	transform: translateY(-50%);
}

#about-leafs {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 25px;
	z-index: 1;
}

@media all and (max-width:1440px) {
	.index-about__link {
		width: 430px;
        height: 496px;
	}
	#about-leafs {
		max-width: 90px;
	}
}

@media all and (max-width:1199px) {
	.index-about__link {
        width: 356px;
        height: 410px;
    }

    .index-about__play-wrap {
    	width: 240px;
    	bottom: 85px;
    	height: 55px;
    }
    .index-about__play span {
    	padding: 14px 25px 14px 55px;
    	font-size: 16px;
    }
    .index-about__play span:before {
    	width: 14px;
    	height: 15px;
    	left: 35px;
    }
}

@media all and (max-width:959px) {
	.index-about__link {
		margin-bottom: 30px;
	}
}

@media all and (max-width:400px) {
    .index-about__link {
        width: 330px;
        height: 380px;
    }
}

@media all and (max-width:374px) {
    .index-about__link {
        width: 280px;
        height: 322px;
    }
}

@media all and (min-width:1025px) {
	.index-about__play-wrap:hover .index-about__play {
		background-color: rgba(0, 170, 133, 1);
	}
	.index-about__play-wrap:hover {
		-webkit-filter: drop-shadow(0px 0px 60px #00AA85);
	        filter: drop-shadow(0px 0px 60px #00AA85);
	}
}