a {
    color: #ff0000
}

.share {
    background: #fff;
    width: 22px;
    height: 22px;
    margin-left: 20px;
    float: right;
    border-radius: 50%;
}

.play {
    position: absolute;
    bottom: 39%;
    left: 44%;
    background: #ffffff;
    color: #c6123a;
    padding: 6px 10px;
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 50%;
    border: 2px solid #da2f2f;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(218, 47, 47, 0.6);
    transition: all 0.3s ease-in-out;
    animation: pulse 2.0s infinite;
}

    .play i {
        color: #ff0000;
    }

i:hover {
    color: #100df0;
}

/* Hover effect */
.play:hover {
    background: #fff;
    box-shadow: 0 0 25px rgba(218, 47, 47, 0.9);
    transform: scale(1.1);
}

/* Keyframes for pulsing animation */
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 10px rgba(218, 47, 47, 0.6);
    }

    50% {
        transform: scale(1.15);
        box-shadow: 0 0 25px rgba(218, 47, 47, 0.9);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 10px rgba(218, 47, 47, 0.6);
    }
}