/*
 Theme Name:   ShirToShir Child
 Description:  ShirToShir Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  ShirToShir
*/


#wd-6a7837b87a018 {
    position: relative !important;
    z-index: 1 !important;
}

/* خود دکمه */
#wd-6a7837b87a018 > a {
    position: relative !important;
    display: inline-block !important;
    background: #e60000 !important;
    color: #fff !important;
    border: 0 !important;
    z-index: 2 !important;

    animation: majorButtonFloat 2s ease-in-out infinite !important;

    box-shadow:
        0 5px 15px rgba(230, 0, 0, .35),
        0 0 0 0 rgba(230, 0, 0, .5) !important;
}

/* هاله پشت دکمه */
#wd-6a7837b87a018 > a::before {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;

    top: 50% !important;
    left: 50% !important;

    width: 100% !important;
    height: 100% !important;

    border-radius: 50px !important;
    background: #e60000 !important;

    transform: translate(-50%, -50%) scale(1) !important;
    opacity: .55 !important;

    animation: majorButtonWave 2s ease-out infinite !important;
    pointer-events: none !important;
}

/* موج */
@keyframes majorButtonWave {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: .55;
    }

    70% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

/* حرکت خیلی نرم خود دکمه */
@keyframes majorButtonFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
    }
}

/* هاور */
#wd-6a7837b87a018 > a:hover {
    background: #c90000 !important;
    box-shadow: 0 8px 25px rgba(230, 0, 0, .55) !important;
}