/*-----------Buttons-----------*/
input[type="submit"],
button,
.button {font-size: 1rem; cursor: pointer; line-height: 1; border: none; margin: 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding: 15px 20px;transition: var(--global-transition); color: var(--near-black); background-color: var(--primary); font-weight: var(--medium); clip-path: var(--notch-right-small); }
input[type="submit"]:before, button:before,.button:before { width: 0; height: 3px; background: var(--near-black); position: absolute; left: 0; bottom: 0; content: '';transition: ease width 500ms ; }
input[type="submit"]:hover:before,
button:not(.accordion__title):hover:before,
.button:hover:before { width: 100%; }
body:not(.user-is-tabbing) .button {outline: none;}
.button:hover, .button:focus { color: var(--black)}
.button.secondary:before,
.button.tertiary:before,
.button.button-style-3:before,
.button.button-style-2:before { background: var(--primary) }
.button.button-style-2,
.button.secondary {background-color: var(--secondary); color: var(--white)}
.button.button-style-3,
.button.tertiary {background-color: var(--near-black); color: var(--white)}
.button.button-style-2:hover,
.button.secondary:hover {color: var(--white)}
.button.button-style-3:hover,
.button.tertiary:hover {color: var(--white)}
.button.large {padding: 1.000rem 2.556rem; font-size: 1.333rem;}
.button.tiny {padding: 0.778rem 1.111rem; font-size: 0.778rem;}
.button.expand {padding-right: 0; padding-left: 0; width: 100%;}
.button.wide {padding-left: 3.333rem; padding-right: 3.333rem;}
button.reset {border: none; background: none; cursor: pointer; font-weight: normal; text-decoration: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0;}

.button__container .button { margin-bottom: 0; }
.button__container { gap: 10px; display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: auto; }
.button__container.center { justify-content: center; }
.flex-center .button__container:not(.left-align):not(.right-align) { justify-content: center; }

/*-----------Text Buttons-----------*/
body .text-button {font-size: 1rem; line-height: 1; margin: 0; padding: 20px 0 0; display: inline-block; color: var(--near-black); border-top: 1px solid var(--lighter-gray); transition: var(--global-transition); width: 320px; font-weight: var(--medium); position: relative; }
body .text-button:after { font-family: var(--icon-family); position: absolute; right: 0; top: 20px; content: '\e923'; font-size: 17px; transition: var(--global-transition);}
body .text-button:hover {color: var(--black); border-color: var(--primary);}
body .text-button:hover:after {color: var(--black); }

@media only screen and (max-width: 375px) {
	/*-----------Images-----------*/
	img.alignleft, img.alignright {float:none; margin-top:0; margin-right:auto; margin-left:auto; display:block; max-width:100%;}
	/*----------Buttons-----------*/
	.button {display:block; width:100%; }
}
/*-----------Disabled Button-----------*/
.button[disabled], .button.disabled, .button[disabled]:hover, .button.disabled:hover { background: var(--lightest-gray); color: var(--black); cursor:default; text-shadow:none;}