.dl-vb-1 {display: inline-block;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}.dl-vb-1 svg {width: 110px;height: 110px;}.dl-vb-1 .circle {stroke: #ffffff;stroke-dasharray: 650;stroke-dashoffset: 650;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;opacity: 0.3;}.dl-vb-1 .triangle {transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;stroke-dasharray: 240;stroke-dashoffset: 480;stroke: #ffffff;transform: translateY(0);}.dl-vb-1:hover .triangle {stroke-dashoffset: 0;opacity: 1;stroke: #ffffff;animation: nudge 0.7s ease-in-out;}@keyframes nudge {0% {transform: translateX(0);}30% {transform: translateX(-5px);}50% {transform: translateX(5px);}70% {transform: translateX(-2px);}100% {transform: translateX(0);}}.dl-vb-1:hover .circle {stroke-dashoffset: 0;opacity: 1;}.dl-vb-2 {background-color: #fff;position: relative;width: 100px;height: 100px;line-height: 100px;font-size: 24px;color: #333;text-align: center;display: block;border-radius: 50%;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}.dl-vb-2:hover {background-color: #333;color: #fff;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}.dl-vb-2 .ripple, .dl-vb-2 .ripple:before, .dl-vb-2 .ripple:after {position: absolute;left: 50%;top: 50%;width: 98px;height: 98px;transform: translateX(-50%) translateY(-50%);-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.50);-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.50);-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.50);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.50);box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.50);-webkit-animation: rippleOne 3s infinite;-moz-animation: rippleOne 3s infinite;-ms-animation: rippleOne 3s infinite;-o-animation: rippleOne 3s infinite;animation: rippleOne 3s infinite;}.dl-vb-2 .ripple:before {-webkit-animation-delay: .9s;-moz-animation-delay: .9s;-ms-animation-delay: .9s;-o-animation-delay: .9s;animation-delay: .9s;content: "";position: absolute;right: 0;bottom: 0;}.dl-vb-2 .ripple:after {-webkit-animation-delay: .6s;-moz-animation-delay: .6s;-ms-animation-delay: .6s;-o-animation-delay: .6s;animation-delay: .6s;content: "";position: absolute;right: 0;bottom: 0;}@-webkit-keyframes rippleOne {70% {box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}100% {box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);}}@keyframes rippleOne {70% {box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}100% {box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);}}.dl-vb-3 {background-color: #fff;cursor: pointer;font-size: 24px;fill: #333;z-index: 2;height: 70px;width: 70px;line-height: 70px;text-align: center;border-radius: 50%;-webkit-animation: btn-anim 1s linear infinite;animation: btn-anim 1s linear infinite;-webkit-transition: all .5s linear;transition: all .5s linear;}.dl-vb-3 svg {width: 30px;margin-left: 5px;margin-bottom: 5px;vertical-align: middle;}.dl-vb-3:hover {background-color: #333;fill: #fff;-webkit-transition: all .5s linear;transition: all .5s linear;}@keyframes btn-anim {0% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1);}100% {-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0);}}.el-lightbox:hover {cursor: pointer;}