/* ******* PRIMARY BUTTON ******* */

#sliding-popup button.agree-button,
#sliding-popup button.decline-button,
input.btn.btn-primary,
a.btn.btn-primary {
  color: #fff;
  padding: 12px 12px;
  border-radius: 4px;
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 800;
  transition: 0.2s ease;
  background-color: var(--accent-color);
  background-image: none;
  text-shadow: none;
}
input.btn.btn-primary.btn-blue,
a.btn.btn-primary.btn-blue { background-color: var(--primary-light); }

.view-news-e-events-by-spoke .read-more-container .btn.btn-primary,
footer .read-more-container .btn.btn-primary {
  margin: 1rem auto 0 auto;
  width: 100%;
  display: block;
}

.view-news-e-events-by-spoke .read-more-container .btn.btn-primary + .btn.btn-primary,
footer .read-more-container .btn.btn-primary + .btn.btn-primary { margin-top: 1rem; }

@media (min-width: 400px) {
  footer .read-more-container .btn.btn-primary {
    width: fit-content;
    margin: 0;
    display: inline-block;
  }
  footer .read-more-container .btn.btn-primary + .btn.btn-primary { 
    margin-left: 1rem; 
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .view-news-e-events-by-spoke .read-more-container .btn.btn-primary {
    width: fit-content;
    margin: 0;
    display: inline-block;
  }
  .view-news-e-events-by-spoke .read-more-container .btn.btn-primary + .btn.btn-primary { 
    margin-left: 1rem; 
    margin-top: 0;
  }
}

#sliding-popup button.agree-button:focus,
input.btn.btn-primary:focus,
a.btn.btn-primary:focus,
#sliding-popup button.agree-button:hover,
input.btn.btn-primary:hover,
a.btn.btn-primary:hover {
  background-color: hsl(28, 61%, 34%);
}
input.btn.btn-primary.btn-blue:hover,
a.btn.btn-primary.btn-blue:hover { background-color: var(--accent-color); }

@media(min-width:1200px){
  a.btn.btn-primary {
    padding: 12px 20px;
  }
}


#sliding-popup button.agree-button svg,
#sliding-popup button.decline-button svg,
input.btn.btn-primary svg,
a.btn.btn-primary svg {
  fill: #fff !important;
}


/* ******* SECONDARY BUTTON ******* */

a.btn.btn-primary.outline {
  border: 2px solid var(--primary-light);
  background-color: transparent;
  color: var(--primary-light);
}
a.btn.btn-primary.outline svg {
  fill: var(--primary-light) !important;
}


a.btn.btn-primary.outline:hover {
  border: 2px solid var(--accent-color);
  color: var(--accent-color);
}
a.btn.btn-primary.outline:hover svg {
  fill: var(--accent-color) !important;
}



/*  ******* OTHER BUTTONS ******* */

#sliding-popup button.agree-button svg,
#sliding-popup button.decline-button svg,
input.btn.btn-primary svg,
a.btn.btn-primary svg {
  width: 22px;
  margin-left: 9px;
}

#sliding-popup button.decline-button {
  color: var(--accent-color);
  background-color: transparent;
  border: none;
  box-shadow: 0px 0px 1px 2px inset var(--accent-color);
}

#sliding-popup button.decline-button:hover {
  opacity: 0.7;
  transition: 0.2s;
  background-color: transparent;
}