/* Botões CANCELAR e SALVAR */
.bf-btn {
  height: 45px;
  padding: 0 26px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
  font-family: 'Roboto', sans-serif;
}

.bf-btn:hover {
  transform: translateY(-1px);
}

.bf-btn-primary {
  background: var(--bf-action-blue);
  color: var(--bf-action-blue-text);
  border: 1px solid var(--bf-action-blue);
  box-shadow: var(--bf-sombra-boder);
}

.bf-btn-primary:hover {
  background: var(--bf-action-blue-hover);
  border-color: var(--bf-action-blue-hover);
}

.bf-btn-outline {
  background: var(--cor-branco);
  color: var(--bf-action-blue);
  border: 1px solid var(--bf-action-boder);
  box-shadow: var(--bf-sombra-boder);
}

.bf-btn-outline:hover {
  background: var(--bf-action-blue);
  color: var(--bf-action-blue-text);
}


@media (min-width: 1440px) {
    .bf-btn {
        height: 50px;
        padding: 0 32px;
        font-size: 16px;
    }
}


@media (max-width: 768px) {
    .bf-btn {
        height: 42px;
        padding: 0 25px;
        font-size: 14px;
    }
}


@media (max-width: 580px) {
    .bf-btn {
        height: 40px;
        padding: 0 20px;
        font-size: 13.5px;
        border-radius: 8px; 
    }
}

/* Celulares Menores */
@media (max-width: 480px) {
    .bf-btn {
        font-size: 13.5px;
    }
}


@media (max-width: 380px) {
    .bf-btn {
        font-size: 13px;
    }
}