.theme-button {
    background: #fff;
    box-shadow: 0 15px 20px #0000000D;
    border-radius: 50px;
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    overflow: hidden;
    position:relative;
	
}

.theme-button::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 40px;
    background-color: var(--nv-primary-accent);
    transform: translate(100%, 0) skew(0deg);
    transition: 0.5s;
    z-index: 0;
    border-radius: 50px;
}

.theme-button:hover::before {
    transform: translate(0, 0) skew(0deg);
}

.theme-button a {
    color: var(--secondary-dark-color);
    text-decoration: none;
    padding: 0 90px 0 32px;
    line-height: 40px;
    z-index: 10;
    transition: color 0.3s ease;
}

.theme-button a:hover {
    color: var(--nv-text-dark-bg) !important;
    opacity: 1;
}

.theme-button span.arrow-container {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    background: var(--nv-primary-accent);
    right: 0;
    border-radius: 50px;
}

.theme-button span.arrow-container:after {
    content: '';
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 18 12"><g id="Iconly_Bold_Arrow---Right" data-name="Iconly/Bold/Arrow---Right" transform="translate(-3 -6)"><g id="Arrow---Right" transform="translate(3 6)"><path id="Pfad_25" data-name="Pfad 25" d="M7.837,6.361l0-.354a27.291,27.291,0,0,1,.216-3.688l.114-.544A3.887,3.887,0,0,1,8.4.991,1.815,1.815,0,0,1,10,0h.058A5.031,5.031,0,0,1,11.4.408,22.643,22.643,0,0,1,16.994,4.2l.379.4a3.582,3.582,0,0,1,.28.334A1.768,1.768,0,0,1,18,5.992a1.856,1.856,0,0,1-.375,1.138l-.389.42h0l-.087.09a22.073,22.073,0,0,1-5.891,4.024l-.244.094a4.05,4.05,0,0,1-.955.242,2,2,0,0,1-.91-.219,1.886,1.886,0,0,1-.808-.9,9.79,9.79,0,0,1-.261-1.064A22.282,22.282,0,0,1,7.837,6.361ZM0,6A1.511,1.511,0,0,1,1.5,4.482l3.7.327a1.191,1.191,0,0,1,0,2.381l-3.7.327A1.511,1.511,0,0,1,0,6Z" fill="%23fff"/></g></g></svg>');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 40px;
    height: 40px;
}