div.room-actions {
    container-name: room-actions;
    float: right;
}

div.admin-actions-header {
    container-name: room-actions;
    float: unset !important;
    max-height: 2rem;
    margin: 1rem 0px;
}

div.admin-actions-header img {
    max-height: 1.5rem;
}


div.room-actions > a {
    background-color: var(--card-background-color);
    font-size: 12pt;
    padding: 0.7rem;
    border-radius: 1rem;
}

div.room-actions > a:hover {
    background-color: var(--primary-focus);
}

div.room-actions > a.act-del:hover {
    background-color: var(--del-color);
}

/* Spinning animation */
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

h3:has(.spin) {
    overflow: hidden;
}

.spin {
  animation-name: spin;
  animation-duration: 500ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  max-height: 32px;
}