.play-btn {
	width: 94px;
	height: 94px;
	background: radial-gradient(#C19D60 50%, rgba(193, 157, 96, 0.3) 52%);
	border-radius: 50%;
	display: block;
	position: relative;
	overflow: hidden;
}
 .play-btn::after {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-40%) translateY(-50%);
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid #fff;
		z-index: 100;
		transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
	 .play-btn::before {
		content: '';
		position: absolute;
		width: 120px;
		height: 120px;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		-webkit-animation: pulsate-btn 2s;
		animation: pulsate-btn 2s;
		-webkit-animation-direction: forwards;
		animation-direction: forwards;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-timing-function: steps;
		animation-timing-function: steps;
		opacity: 1;
		border-radius: 50%;
		border: 10px solid rgba(205, 164, 94, 0.7);
		top: -15%;
		left: -15%;
		background: rgba(198, 16, 0, 0);
}
	 .play-btn:hover::after {
		border-left: 15px solid #C19D60;
		transform: scale(20);
}
	 .play-btn:hover::before {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-40%) translateY(-50%);
		width: 0;
		height: 0;
		border: none;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid #fff;
		z-index: 200;
		-webkit-animation: none;
		animation: none;
		border-radius: 0;
}
@media (max-width: 992px) {
	 .play-btn {
		margin-top: 30px;
	}
    .button-konum {
        position: absolute;
        top: 46%;
        left: 37%;
    }
}
@media (min-width:992px){
    .button-konum {
        position: absolute;
        top: 50%;
        left: 39%;
    }
}
@media(min-width:768px){
    .hakkimizda {
        padding: 65px 5px;
    }
}
@media(max-width:768px) {
    .hakkimizda {
        padding: 10px 5px 10px 5px;
    }
}
@keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}