.accordion-button::after{
    display: none;
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
  }
.customizado .accordion-button::after{
    display: block;
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    margin-left: 10px;
  }


  /* tamanho da bolinha do bolao */

.bolinha{
  
  width: 8px;
  height: 8px;
}
.verde{
  background-color: green;
}

.vermelha{
  background-color: red
}
.amarela{
  background-color: yellow
}

/* pro texto ficar levemente separado */
.stretched-text{
  letter-spacing: 1px !important;
}
/* cor do botao de apagar */
.apagar{
  color: #CED4DA;
}

.apagar:hover{
  color: #98f900;
}
/* campo da div com os jogadores */
.campo{
 background-image: url('./assets/img/campo.svg');
 
  height: 355px;
  background-repeat: no-repeat;
  
  
 

}
.botao-bolao-cor p:hover{
  color: #00332F;
 
}

@media (max-width: 640px) {
  .campo{
    background-image: url('./assets/img/campo.svg');
  height: 800px;
  width: 800px;
  background-size: contain;  /* Cover the entire div */
  background-repeat: no-repeat;  /* Do not repeat the image */
  background-position: center;  /* Center the background image */
    transform: rotate(90deg);
    transform-origin: center; /* Define o ponto de origem da transformação */
    position: relative;
    left: 50%; /* Ajusta a posição para a esquerda */
    margin-left: -400px; /* Deslocamento, metade da largura */
  
   
   }
   .campo .jogador{
    transform: rotate(270deg);
    transform-origin: center center;
   }
}