.play-button {
position: absolute;
top: 46.7%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;     
padding: 0 0 3px 3px;
background: #fff;
border: none;
border-radius: 50%;
font-size: 30px;
font-weight: bold;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s;
}
.play-button:hover {
background: #fff;
}
.play-button span {
position: absolute;
top: calc(50% - 0px);
left: calc(50% + 3px);
transform: translate(-50%, -50%);
width: 45px;
height: 45px;     
color: black;
font-size: 30px;
}
.play-button {
background: #fff;
color: white;
border: none;
border-radius: 50%;
width: 70px;
height: 70px;
font-size: 28px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 255 255 255 rgba(255, 255, 255, 0.7);
animation: pulse 2s infinite;
transition: transform 0.2s ease;
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
70% { box-shadow: 0 0 0 20px rgba(255, 75, 75, 0); }
100% { box-shadow: 0 0 0 0 rgba(255, 75, 75, 0); }
}