.mbba-splash-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.8em;
    width: 10em;
    border-radius: 8px;
    border: 1px solid var(--mbba-color);
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    color: var(--mbba-color);
    transition: color 0.3s ease-out 0.1s;
    font-weight: 600;
}

.mbba-splash-btn i {
    margin-right: 8px;
}

.mbba-splash-btn::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 20em;
    height: 20em;
    left: -5em;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
    transition: box-shadow 0.5s ease-out;
    z-index: -1;
}

.mbba-splash-btn:hover {
    color: white;
	background:var(--mbba-color)
}

.mbba-splash-btn:hover::before {
    box-shadow: inset 0 0 0 10em var(--mbba-color);
}