/* Animation Button Styles */
.ws-zmnd-animation-button-wrapper {
    display: inline-block;
}

.ws-zmnd-animation-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* Gradient Background */
.ws-zmnd-gradient-bg {
    background-size: 200% auto;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    text-fill-color: #ffffff;
}

/* Animated Gradient */
.ws-zmnd-gradient-animated {
    background-size: 200% auto;
    animation-name: ws_zmnd_gradientAnimation;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}

/* Animated Border */
.ws-zmnd-border-animated {
    border-style: solid;
    border-width: 2px;
    border-image-slice: 1;
    animation-name: ws_zmnd_borderAnimation;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}

/* Icon Styles */
.ws-zmnd-button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ws-zmnd-button-icon-before {
    order: -1;
}

.ws-zmnd-button-icon-after {
    order: 1;
}

/* Hover Effects */
.ws-zmnd-animation-button:hover {
    transform: translateY(-2px);
}

/* Responsive Styles */
@media (max-width: 767px) {
    .ws-zmnd-animation-button {
        padding: 10px 15px;
    }
}