.btn,
button,
.button {
    padding: 0;
}

/*
 * Button Color: Green
 */

.btn span.green,
button span.green,
.button span.green {
    border-color: #005e34;
    background-color: #005e34;
    color: #fff;
}

/* Hover */

.btn:hover span.green,
button:hover span.green,
.button:hover span.green {
    background-color: #0a7445;
    border-color: #0a7445;
}

/*
 * Button Color: Light Green
 */

.btn span.light-green,
button span.light-green,
.button span.light-green {
    border-color: #82ad60;
    background: #bfe098;
    background: linear-gradient(to bottom, #bfe098 0%, #82ad60 100%);
}

/* Hover */

.btn:hover span.light-green,
button:hover span.light-green,
.button:hover span.light-green {
    background: #c5e2a6;
    background: linear-gradient(to bottom, #c4e1a5 0%, #8dba5e 100%);
}

/*
 * Button Color: Grey
 */

.btn span.grey,
button span.grey,
.button span.grey {
    border-color: #b2b1ae;
    background-color: #b2b1ae;
}

/*
 * Button Color: Red
 */

.btn span.red,
button span.red,
.button span.red {
    border-color: transparent;
    background: #ce2623;
}

.btn span.green-flat,
button span.green-flat,
.button span.green-flat {
    border-color: transparent;
    background: #60a585;
}

.icon-cross-button {
    background-color: #005e34;
}

/*
 * Button secondary
 */

.btn-secondary {
    color: #005e34;
    border: 1px solid #005e34;
    background-color: #fff;
    cursor: pointer;
    transition: background-color ease 0.3s, color ease 0.3s;
}

.btn-secondary:hover {
    background-color: #005e34;
    color: #fff;
}

.btn-secondary:active {
    background-color: #fff;
    transition: none;
    color: #005e34;
    border-color: #005e34;
}

.btn-secondary:focus {
    outline: 0;
}