.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-between;
}

.cta-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: center;
}

[role="button"] {
  display: inline-block;
  position: relative; 
	color: #b00;
	text-transform: uppercase;
	font-weight: 600;
  vertical-align: middle;
	line-height: 1.2;
	background: #e5e5e5;
	background: url(https://library.osu.edu/site/osulstaff/files/2021/05/BuckeyeLeaf_Pattern_Gray2.png) top left;
  padding: 18px;
  width: 183px;
  height: 80px;
  margin-top: 30px;
  color: #b00;
  font-size: 1.25em;
  text-align: center;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4), 0 4px 6px 0 rgba(0, 0, 0, 0.3);
	border: 1px solid #bbb;
  border-radius: 8px;  
}

[role="button"]:hover {
  cursor: default;
	margin-top: 30px;
  color: black;
  text-align: center;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid #b00;
  border-radius: 8px;
	filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}

[role="button"]:focus {
  outline: none;
}

[role="button"]:focus::before {
  position: absolute;
  z-index: -1;

  /* button border width - outline width - offset */
  top: calc(-1px - 3px - 3px);
  right: calc(-1px - 3px - 3px);
  bottom: calc(-1px - 3px - 3px);
  left: calc(-1px - 3px - 3px);
  border: 3px solid hsl(213, 71%, 49%);

  /* button border radius + outline width + offset */
  border-radius: calc(5px + 3px + 3px);
  content: '';
}

[role="button"]:active {
  border-color: hsl(213, 71%, 49%);

}

[role="button"][aria-pressed] {

}

[role="button"][aria-pressed]:hover {
 
}

[role="button"][aria-pressed="true"] {
	 background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.9));
	color: #000;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid #b00;
  border-radius: 8px;
	filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}

[role="button"][aria-pressed="true"]:hover {
    background-image: linear-gradient(to bottom, hsl(261, 12%, 60%), hsl(261, 12%, 30%));
    box-shadow: inset 0 3px 5px 1px hsl(261, 82%, 20%);
	color:#fff;
}

[role="button"][aria-pressed]:focus::before {
   -moz-box-shadow: inset 0 0 5px 5px #888;
-webkit-box-shadow: inset 0 0 5px 5px#888;
box-shadow: inset 0 0 5px 5px #888;
	  color: #fff;
}

#mc_embed_signup .button {
	background-color: #b00;
}

.post-content .flex-container a:visited {
	color: #b00;
}

.flex-container *:last-child {
	margin-right:10px;
}

.ngg-caption {
    padding: 10px;
}

.ngg-caption h4 {
	text-align: center;
	margin: 16px 0;
}

.ngg-caption p {
	text-align: center;
}