.hover-animation[data-v-3fe3740e] {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #f4bb56 0%, #433a0a 100%);
    transition: left .4s ease-in-out;
    z-index: -1
}

button:hover .hover-animation[data-v-3fe3740e] {
    left: 0
}

button[data-v-3fe3740e] {
    position: relative;
    z-index: 1
}

.vue-notification {
    margin: 0 5px 5px;
    padding: 16px;
    font-size: 16px;
    color: #fff;
    background: #44a4fc;
    border-left: 5px solid #187fe7;
    &.success {
        background: #ffffff0d;
        border: 1px solid #f4bb56;
        border-radius: 16px;
        margin-top: 10px
    }
    &.warn {
        background: #ffb648;
        border-left-color: #f48a06
    }
    &.error {
        background: #e54d42;
        border-left-color: #b82e24
    }
}

.address-animation {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #f4bb56 0%, #151513 100%);
    transition: left .4s ease-in-out;
    z-index: 1
}

button:hover .address-animation {
    left: 0
}