/*
-----BUTTONS
*/

a.button,
button#print,
input[type=button],
.btn {
  background-color: var(--main_blue);
  padding: 17px 40px;
  color: #FFF;
  border-radius: 50px;
  margin-top: 2rem;
  font-size: 16px;
  text-transform: uppercase;
  border: 0px;
  text-decoration: none;
  cursor: pointer;
  display: block;
  max-width: 220px;
  text-align: center;
  white-space: nowrap;
}

a.button:hover,
button#print:hover,
input[type=button]:hover,
.btn:hover {
  background-color: var(--main_blue_hover);
  color: #fff;
}

.btn.outline {
  background-color: transparent;
  color: var(--main_blue);
  border: 2px solid;
  border-color: var(--main_blue);
}

.btn.outline.white {
  color: #FFF;
  border-color: #FFF;
}


article.single-color.hecap .btn.noresult-reset,
.section-hecap .btn.noresult-reset { background-color: var(--hecap); }
article.single-color.cmsp .btn.noresult-reset,
.section-cmsp .btn.noresult-reset { background-color: var(--cmsp); }
article.single-color.math .btn.noresult-reset,
.section-math .btn.noresult-reset { background-color: var(--math); }
article.single-color.sti .btn.noresult-reset,
.section-sti .btn.noresult-reset { background-color: var(--sti); }
article.single-color.esp .btn.noresult-reset,
.section-esp .btn.noresult-reset { background-color: var(--esp); }
article.single-color.qls .btn.noresult-reset,
.section-qls .btn.noresult-reset { background-color: var(--qls); }

body.highlight-first-related:not(.page-article) .block-views-blockrelated-content-related .field-content article:first-child .footer-related-content a,
.view-prizes .views-row .views-field-view-node a {
  padding: .75em 4em .75em 1.5em;
  background-color: transparent;
  border: 1px solid var(--border_gray);
  border-radius: 30px;
  font-size: 13px;
  position: relative;
  display: block;
  width: fit-content;
  height: unset;
  color: var(--text_color);
}

body.highlight-first-related:not(.page-article) .block-views-blockrelated-content-related .field-content article:first-child .tile-content .footer-related-content a:after,
body.highlight-first-related:not(.page-article) .block-views-blockrelated-content-related .field-content article:first-child .image  + .tile-content .footer-related-content a:after,
.view-prizes .views-row .views-field-view-node a::after {
  content: url(../../assets/icons/icon_arrow_right.svg);
  position: absolute;
  top: 50%;
  right: 2em;
  transform: scale(1) translateY(-50%);
  transform-origin: center center;
  object-fit: contain;
  margin-top: 1px;
}

body.highlight-first-related:not(.page-article) .block-views-blockrelated-content-related .field-content article:first-child:hover .footer-related-content a,
.view-prizes .views-row:hover .views-field-view-node a {
  background-color: var(--border_gray);
  border: 1px solid var(--border_gray);
  transition: 0.3s ease;
}

/* body.highlight-first-related:not(.page-article) .block-views-blockrelated-content-related .field-content article:first-child:hover .tile-content .footer-related-content a:after,
body.highlight-first-related:not(.page-article) .block-views-blockrelated-content-related .field-content article:first-child:hover .image + .tile-content .footer-related-content a:after,
.view-prizes .views-row:hover .views-field-view-node a::after {
  content: url(../../assets/icons/icon_arrow_right_w.svg)
} */

form#paypal-donate-form button.btn {
  margin: 2rem auto 0 auto;
}