Как сделать так, чтобы кнопка поместилась внутри div/cut? ⇐ CSS

[Гость]

У меня есть SVG внутри кнопки, которая находится внутри div. Я хочу, чтобы часть svg/кнопки, которая выходит за пределы div, была обрезана и не отображалась. Я застрял и не знаю, как это сделать. Может ли кто-нибудь мне помочь? Спасибо.

Что у меня есть сейчас

Что я пытаюсь получить

Задачи на сегодня тест

тест

тест

тест

CSS для элемента div/кнопки

.settings { верх: 0; правильно: 0; позиция: абсолютная; трансформировать: транслировать(25%, -25%); } .кнопка настроек { граница: нет; контур: нет; цвет фона: прозрачный; курсор: указатель; } Я пытался изменить z-index, чтобы кнопка/SVG принудительно обрезалась, но это не сработало.