/* btn error */
.error404-section .af-btn-outer {
  width: 100%; }

.error404-section .af-btn {
  border-radius: 0.375rem;
  box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.2);
  color: var(--white);
  cursor: pointer;
  font-family: 'Avenir LT Std 35 Light', Arial, sans-serif;
  transition: all 0.15s linear;
  text-align: center;
  white-space: nowrap; }
.error404-section .af-btn:hover {
  box-shadow: 0 4px 22px 0 rgba(0, 0, 0, 0.5);
  color: #000; }
@media (max-width: 767px) {
	.error404-section .af-btn-outer {
    margin-top: 1.5rem; } 
  .error404-section .af-btn {
    font-size: 1.1rem;
    margin: 0.5rem auto;
    padding: 1rem 2rem;
    width: 100%; } }
@media (min-width: 768px) {
	.error404-section .af-btn-outer {
    display: flex;
    justify-content: center; }
.error404-section .af-btn.af-btn--empty {
    margin-right: 1.5rem; }	
  .error404-section .af-btn {
    font-size: 1.2rem;
    padding: 0.75rem 3rem; } }
@media (min-width: 1200px) {
  .error404-section .af-btn {
    font-size: 1.375rem;
    padding: 0.75rem 4rem; } }
.error404-section .af-btn.af-btn--empty {
  background-color: var(--azati-blue);
  border: 1px solid var(--white); }
.error404-section .af-btn.af-btn--full {
  background-color: var(--azati-orange);
  border: 0 none; }
/* BUTTONS */
.af-button {
  background-color: var(--azati-orange);
  border: 0 none;
  border-radius: 6px;
  color: var(--white);
  font-family: var(--font-bold);
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  transition: all calc(var(--transition-duration) / 2.5) var(--transition-timing-function); }
  .af-button.btn-blue{
	background-color: var(--azati-blue); 
  }
  .af-button.btn-blue:hover, .af-button.btn-blue:visited, .af-button.btn-blue:focus{
	box-shadow: 0 4px 22px 0 rgba(90, 163, 218, 0.51); 
  }
  .af-button:hover, .af-button:visited, .af-button:focus {
    box-shadow: 0 4px 22px 0 rgba(231, 114, 0, 0.51);
    border-collapse: separate;
    outline: 0 none;
    cursor: pointer; }
  .af-button::-moz-focus-inner {
    border: 0; }
  .af-button:active {
    background-color: var(--dark-orange);
    box-shadow: 0 4px 22px 0 rgba(231, 114, 0, 0.51);
    border-collapse: separate;
    outline: 0 none; }
  .af-button:not(.af-button--small) {
    font-size: 0.875rem;
    letter-spacing: 1.5px; }
  .af-button.af-button--small {
    font-size: 0.625rem;
    letter-spacing: 1.3px; }
  @media (max-width: 380px) {
    .af-button {
      min-height: 26px;
      width: 100%; }
      .af-button:not(.af-button--small) {
        line-height: 20px;
        padding: 10px 32px; }
      .af-button.af-button--small {
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 16px;
        padding: 8px 13px; } }
  @media (min-width: 381px) {
    .af-button {
      line-height: 1; }
      .af-button:not(.af-button--small) {
        min-width: 217px;
        padding: 16px 32px; }
      .af-button.af-button--small {
        min-width: 118px;
        padding: 12px 20px; } }