/* RailRadar Teststandort Button Layout 1.0.0 */

.rr-junction-test-presets{
  margin:18px 0 0;
  padding:14px 16px;
  border:1px solid rgba(116,153,183,.22);
  border-radius:14px;
  background:rgba(7,19,30,.72);
}

.rr-junction-test-presets>strong{
  display:block;
  margin:0 0 10px;
  color:#dce8f1;
  font-size:.9rem;
  font-weight:800;
  letter-spacing:.01em;
}

.rr-junction-test-buttons{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}

.rr-junction-test-buttons button{
  min-width:0;
  min-height:42px;
  padding:10px 14px;
  border:1px solid #294157;
  border-radius:11px;
  background:#0b1926;
  color:#edf4f9;
  font:inherit;
  font-weight:700;
  line-height:1.2;
  text-align:center;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,color .16s ease;
}

.rr-junction-test-buttons button:hover{
  border-color:#46647e;
  background:#102333;
}

.rr-junction-test-buttons button.is-active{
  border-color:#ffb800;
  background:rgba(255,184,0,.10);
  color:#ffcf4a;
}

.rr-junction-test-buttons .rr-junction-test-real{
  border-color:#d7a900;
  color:#ffcf4a;
}

.rr-junction-test-buttons .rr-junction-test-real:hover{
  border-color:#ffca2c;
  background:rgba(255,184,0,.10);
}

.rr-junction-test-active{
  margin-top:10px;
  color:#8fa4b7;
  font-size:.78rem;
  line-height:1.4;
}

@media (max-width:760px){
  .rr-junction-test-presets{
    padding:13px;
  }

  .rr-junction-test-buttons{
    grid-template-columns:1fr;
  }

  .rr-junction-test-buttons button{
    width:100%;
  }
}