.raport-pasek {
    padding: 0 1rem;
}

.raport-pasek #przyciski button {
    margin-bottom: 0.5rem;
    max-width: 20rem;
    text-transform: uppercase;
}

.raport-pasek #przyciski {
    display: flex;
    gap: 1rem;
}

.raport-pasek + #raport #raportramka {
    margin-top: 0;
}

/********************************************** Wybór trybu ****************************************************/
.raport-pasek #przyciski .tryby {
    margin-left: auto;
}

.raport-pasek #przyciski .tryby .przelacz-tryb {
    cursor: pointer;
    padding: 0.5rem 1.5rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    color: var(--maincolor);
    text-transform: uppercase;
}

/****************************************** Zaznaczona opcja ************************************************/
.raport-pasek #przyciski .tryby .przelacz-tryb:hover {
	background-color: #eee;
}

.raport-pasek #przyciski .tryby .przelacz-tryb.wybrany {
	background-color: var(--secondcolor);
	color: white;
}