a.wa-shop-button {
    background-color: #25D366 !important;
    color: #fff !important;
    border: none !important;
}

a.shortcode_wa_button:before,
a.shortcode_wa_button_nt:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 01-13.754 2.299l-5.814.735a.392.392 0 01-.438-.44l.748-5.788A12.002 12.002 0 013.517 3.517zm3.61 17.043l.3.158a9.846 9.846 0 0011.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 00-1.747 11.554l.16.303-.51 3.942a.196.196 0 00.219.22l3.961-.501zm6.534-7.003l-.933 1.164a9.843 9.843 0 01-3.497-3.495l1.166-.933a.792.792 0 00.23-.94L9.561 6.96a.793.793 0 00-.924-.445 1291.6 1291.6 0 00-2.023.524.797.797 0 00-.588.88 11.754 11.754 0 0010.005 10.005.797.797 0 00.88-.587l.525-2.023a.793.793 0 00-.445-.923L14.6 13.327a.792.792 0 00-.94.23z"/></svg>') !important;
    font-size: 20px;
    font-weight: 500;
    vertical-align: top;
    text-decoration: none !important;
    outline: 0 !important;
    width: 0.875em;
    height: auto;
    margin-right: 7px;
}


.wa-order-button,
.gdpr_wa_button_input {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.shortcode_wa_button,
.shortcode_wa_button_nt {
    padding: 7px 25px !important;
    opacity: 1;
    text-decoration: none !important;
    outline: 0 !important;
}

a.wa-shop-button:hover,
a.wa-order-checkout:hover,
a.wa-order-thankyou:hover,
.wa-order-class:hover,
.wa-order-button:hover,
.shortcode_wa_button:hover,
.shortcode_wa_button_nt:hover,
.gdpr_wa_button_input:hover {
    color: #ffffff !important;
    background: #21bd5b;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px -5px rgba(45, 62, 79, .3) !important;
    transition: all ease-in-out 300ms;
}




a.floating_button+div.label-container {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s ease;
}

a.floating_button:hover div.label-container,
a.floating_button:hover div.label-text {
    visibility: visible !important;
    opacity: 1;
}

.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 32%;
	position: relative;
	}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 338px;
	left: 0;
	width: 600px;
	}


    @media only screen and (max-width: 480px) {
        .video-responsive {
            position: relative;
            width: 100%;
            overflow: hidden;
            padding-top: 42.25%; /* 16:9 Aspect Ratio */
            }
        .video-responsive iframe, .video-responsive object, .video-responsive embed {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            border: none;
            }
      }