2020-07-30 10:08:21 +02:00
|
|
|
.buttons {
|
|
|
|
display: flex;
|
2020-08-09 12:04:48 +02:00
|
|
|
align-content: center;
|
2020-07-31 05:11:43 +02:00
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
margin: auto;
|
2020-07-30 10:08:21 +02:00
|
|
|
}
|
|
|
|
|
2020-08-04 08:20:35 +02:00
|
|
|
.buttons button + button {
|
|
|
|
margin-left: 10px;
|
2020-07-30 10:08:21 +02:00
|
|
|
}
|
|
|
|
|
2020-08-09 12:04:48 +02:00
|
|
|
.buttons .button {
|
2020-08-06 04:04:02 +02:00
|
|
|
font-size: var(--font-size-xsmall);
|
|
|
|
padding: 4px 8px;
|
|
|
|
}
|
|
|
|
|
2020-07-30 10:08:21 +02:00
|
|
|
.active {
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
2020-08-04 08:20:35 +02:00
|
|
|
|
2020-08-18 09:51:32 +02:00
|
|
|
@media only screen and (max-width: 768px) {
|
2020-08-04 08:20:35 +02:00
|
|
|
.buttons button:last-child {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
2020-08-18 01:46:13 +02:00
|
|
|
|
|
|
|
@media only screen and (max-width: 576px) {
|
|
|
|
.buttons {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|