﻿
a.button, .button a, input.button {
    background-color: var(--purplemain);
    border: none;
    border-radius: 1.7em;
    color: var(--greylight);
    padding: 0.7em 2em;
    width: inherit;
    font-weight: bold;
    display: inline-block;   /*  PREVENT MARGIN-COLLAPSE   */
}

.purple365 .backpurple input.button {
    background-color: var(--white);
    color: var(--purplemain);
}

    .button a:hover, a.button:hover, input.button:hover, .purple365 .backpurple input.button:hover {
        background-color: var(--orangemain);
        color: var(--black);
    }


.submitsec .button {
}

.formgroup .button {
    margin-top: 3rem;
}


.linepagetitlex ax {
    margin-top: 3rem;
}

a.button.backorange, 
.button a.backorange, 
input.button.backorange,
.backpurple a.button, 
.backpurple .button a, 
.backpurple .linepagetitle a, 
.backpurple input.button {
    background-color: var(--orangemain);
    color: var(--black);
}

	a.button.backorange:hover, 
	.button a.backorange:hover, 
	input.button.backorange:hover,
    .backpurple a.button a:hover, 
	.backpurple .button a:hover, 
	.backpurple .linepagetitle a:hover, 
	.backpurple input.button:hover {
        background-color: var(--white);
        color: var(--purplemain);
    }

	.backwhite a.button.backorange:hover, 
	.backwhite .button a.backorange:hover, 
	.backwhite input.button.backorange:hover {
        background-color: var(--purplemain);
        color: var(--white);
    }

    .backorange .button a:hover, .backorange a.button:hover, .backorange input.button:hover {
        background-color: var(--white);
        color: var(--black);
    }

