/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 12, 2020, 2:19:04 AM
    Author     : Folarpos Indonesia
*/

.btn-wall {background-image: linear-gradient(-225deg, #2CD8D5 0%, #6B8DD6 48%, #8E37D7 100%);}


.btn-x.btn-success {background-image: linear-gradient(to right, #007991 0%, #78ffd6  51%, #007991  100%)}
.btn-x.btn-secondary {background-image: linear-gradient(to right, #606c88 0%, #3f4c6b  51%, #606c88  100%)}

.btn-x.btn-danger {background-image: linear-gradient(to right, #FF512F 0%, #DD2476  51%, #FF512F  100%)}
.btn-x.btn-primary {background-image: linear-gradient(to right, #4776E6 0%, #8E54E9  51%, #4776E6  100%)}
.btn-x.btn-warning {background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%)}

.btn-x.btn-info {background-image: linear-gradient(to right, #00a5f9 0%, #0077bd  51%, #00a5f9  100%)}
.btn-x {
    transition: 0.5s;
    background-size: 200% auto;
    color: white;           
}

.btn-x:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}