.round_button{
  border: none;
  border-radius: 50%;
  box-shadow: var(--shadow);
  cursor: pointer;
	display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  height: var(--input_gap);
  place-items: center;
  transition: var(--filter_transition);
  padding: none;
  width: var(--input_gap)}
.round_button:hover,
.round_button:active{
  filter: var(--filter)}
.round_button.small{
  height: 32px;
  width: 32px}
.round_button.off{
	display: none}
  	.round_button > svg{
  		height: var(--m_font);
  		width:var(--m_font)}
.round_button.gray_3{
  background-color: var(--gray_3)}
  .round_button.gray_3 > svg{
      fill: var(--gray_1)}
.round_button.gray_3:hover,
.round_button.gray_3:active{
  filter: var(--filter_1)}

.round_button.white{
  background-color: white}
  .round_button.white > svg{
      fill: var(--gray_1)}
.round_button.white:hover,
.round_button.white:active{
  filter: var(--filter)}

.round_button.green_2{
  background-color: var(--green_2)}
  .round_button.green_2 > svg{
      fill: var(--green_3)}
.round_button.green_2:hover,
.round_button.green_2:active{
  filter: var(--filter)}