/* Magnetic Button Widget Styles */

.wml-magnetic-button {
    --wml-magnetic-gradient-start: #b108b7;
    --wml-magnetic-gradient-end: #db1717;
    --wml-magnetic-gradient-direction: 90deg;
    --wml-magnetic-transition: 0.15s;

    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
}

.wml-magnetic-button-text {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 1.2em;
    font-weight: 500;
    text-decoration: none;
    min-width: 140px;
    padding: 18px 0;
    border-radius: 8px;
    box-shadow: 0 5px 25px rgba(1, 1, 1, 0.15);
    transition: transform calc(var(--wml-magnetic-transition) * 1s) linear;
    background: linear-gradient(var(--wml-magnetic-gradient-direction), var(--wml-magnetic-gradient-start), var(--wml-magnetic-gradient-end));
}

/* Ensure link styling is reset */
a.wml-magnetic-button {
    text-decoration: none;
}

a.wml-magnetic-button:hover,
a.wml-magnetic-button:focus {
    text-decoration: none;
}