.icon {
    width: 24px;
    height: 24px;
    flex: none;
}

.icon-sm {
    width: 18px;
    height: 18px;
}

.iconbtn {
    display: grid;
    place-items: center;
    min-width: 42px;
    min-height: 42px;
    padding: 7px;
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    line-height: 0;
}

.iconbtn:hover .icon,
.iconbtn:focus-visible .icon {
    transform: rotate(-5deg);
}

@media (prefers-reduced-motion: reduce) {
    .iconbtn:hover .icon,
    .iconbtn:focus-visible .icon {
        transform: none;
    }
}