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