.custom-button {
    display: flex;
    width: 95%;
    margin:auto;
}
.custom-button.align-left {
    justify-content: flex-start;
}
.custom-button.align-center {
    justify-content: center;
}
.custom-button.align-right {
    justify-content: flex-end;
}
.custom-button .button-link {
    display: inline-block;
    padding: 20px 70px 10px;
    color: #373737;
    text-decoration: none;
    position: relative;
	font-family:'Inter', sans-serif;
    font-size: 41px;
    letter-spacing: 0.02em;
    text-align: center;
}

.custom-button.blue .button-link {
	display: inline-block;
    width: 100%;
	color: #FFF;
	background-color: var(--Teal);
	text-decoration: none;
	border-radius: 25px;
	position: relative;
	font-family: 'Inter';
	font-size: 20px;
	padding: 8px 37px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

@media (min-width: 1024px) {
    .custom-button.blue .button-link {
        white-space: nowrap;
    }
}

.custom-button.bg-green .button-link {
    color: #fff;
}
.custom-button .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all ease 0.4s;
}
.custom-button.bg-green .bg {
    background-image: url(/includes/client_public/assets/shared/brush-graphic-green-button.svg);
}
.custom-button .button-link:hover .bg {
    transform: scale(1.05);
}
.custom-button .content {
    position: relative;
}
.custom-button .button-link:focus {
    outline: none;
}

@media (min-width: 40em) {
    .custom-button {
        display: flex;
        width: 85%;
    }
}