/* ACU buttons */

/* Boss red button */
.btn-red {
  font-family: Nexa-Heavy, Arial, Helvetica, sans-serif;
  font-weight: bold;
  background: transparent;
  border-radius: 1px;
  cursor: pointer;
  padding: 0.5em 1em 0.5em 1em;
  background-color: #ed0c00;
  color: #fff !important;
  margin-bottom: 1em;
  display: inline-block;

&:hover,
&:focus,
&:focus-visible,
&:active {
 background-color: #d00a00;
 color: #fff !important;
 text-decoration: underline;
 transition: 0.2s;
}
}
/* Plain button */
/* Used in AI Basics - AI checklist */
.btn-plain {
	font-family: Nexa-Heavy, Arial, Helvetica, sans-serif;
  color: #252320 !important;
	font-weight: bold;
  background: transparent;
  border-radius: 1px;
  cursor: pointer;
  padding: 0.5em 1em 0.5em 1em;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 1em;
  display: inline-block;
&:hover,
&:focus,
&:focus-visible,
&:active {
	color: #fff !important;
	background-color: #747474;
	text-decoration: underline;
  transition: 0.2s;
}
}

/* Purple button */
.btn-purple {
  font-family: Nexa-Heavy, Arial, Helvetica, sans-serif;
  color: #fff !important;
  font-weight: bold;
  background: transparent;
  border-radius: 1px;
  cursor: pointer;
  padding: 0.5em 1em 0.5em 1em;
  background-color: #3c1053;
  padding: 0.5em 1em 0.5em 1em;
  margin-bottom: 1em;
  display: inline-block;
&:hover,
&:focus,
&:focus-visible,
&:active {
  color: #fff !important;
  background-color: #260b34;
  text-decoration: underline;
  transition: 0.2s;
}
}

/* Worker button */
.btn-worker {
font-family: Nexa-Heavy, Arial, Helvetica, sans-serif;
color: #ed0c00 !important;
  font-weight: bold;
  background: transparent;
  border-radius: 1px;
  cursor: pointer;
  padding: 0.5em 1em 0.5em 1em;
  border: solid, 1px, #ed0c00; 
  margin-bottom: 1em;
  display: inline-block;
&:hover,
&:focus,
&:focus-visible,
&:active {
  color: #fff !important;
  background-color: #ed0c00;
  text-decoration: underline;
  transition: 0.2s;
}
}

/* Other buttons */

/* Button-resources is the tile style button in the referencing guides - Chicago A, MLA, APA etc. */
.button-resources {
	background-image: url(https://d329ms1y997xa5.cloudfront.net/customers/324/images/new_window_button.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Nexa-Heavy, Arial, Helvetica, sans-serif !important;
	font-weight: bold; 
	box-shadow: 8px 15px 11px -7px rgb(0 0 0 / 10%);
	cursor: pointer;
	width: 250px;
	height: 125px;
	text-align: left;
	color: #3c1053 !important;
	display: inline-block;
	padding: 1em 4em 1em 1em;
	line-height: 130%;
	font-size: .8em;
&:hover,
&:focus,
&:focus-visible,
&:active {
  color: #ed0c00 !important;
  text-decoration: underline;
  background-image: url(https://d329ms1y997xa5.cloudfront.net/customers/324/images/new_window_button_red.png);
  transition: 0.2s;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
}