/*******************Variaveis Cores*******************************/

:root{
    --cor-bg-principal: #000;
    --cor-bg-secundaria: #f47a21;
    --cor-bg-tercaria: #dfe7ea;
    --cor-bg-transparent:  rgba(255, 255, 255, 0.8);
    --cor-salmao: #de7561;

  }
  /*******************Variaveis LETRA*******************************/
  :root{
    --font-family: 'Novecentowide';
    --titles-size: 2.125em;
    --subtitles-size: 1.3125em;
    --text-size: 1em;
    --categories-size: '';
  }

  /******************Botoes Tamanhos*************************************/
  :root{
    --btn-width: 4em;
    --btn-height: 4em;
    --btn-width-medium: 3em;
    --btn-height-medium: 3em;
    --btn-width-small:2em;
    --btn-height-small:2em;
  }

  .button3 {
    position: absolute;
    left: auto;
    top: auto;
    right: 9%;
    bottom: 2em;
    padding: 10px 25px;
    float: right;
    border-radius: 50px;
    background-color: var(--cor-bg-secundaria);
    font-family: Montserrat, sans-serif;
    color: var(--cor-bg-principal);
    font-size: 0.9em;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
  }

  .button3:active {
    border-color: var(--cor-bg-secundaria);
    background-color: var(--cor-bg-secundaria);
    color: var(--cor-bg-principal);
  }

  .button3 {
    right: 6%;
    bottom: 1em;
    padding: 4px 20px;
    font-size: 0.8em;
  }
  .button3 {
    right: 8%;
  }

  .button3 {
    right: 6%;
    bottom: 1em;
    padding: 4px 20px;
    font-size: 0.8em;
  }

  .accept{
    left: 8% !important;
    right: auto !important;
    text-decoration: none;
}

.makewhite{
  filter:invert(1);
}

.makeblack{
  filter:invert(0)!important;
}