.large
	{
	    color: #000;
	    padding: 0px;
	    margin: 10px 5px;
	    border-radius: 10px;
	    min-width: 90px;
	    font-size: 18px;
	    border: 0;
	    height: 120px;
	    width: 120px;
	    border: 3px solid #565656;
    	background-color: #fff;
	}
	
	.simple, .toggle-button
	{
			padding: 12px;
			margin: 10px 0px;
	    border-radius: 10px;
	    min-width: 110px;
	    font-size: 18px;
	    border: 2px solid #565656;
	}

	.large.rounded
	{
		border-radius: 90px;
		width: 140px;
		height: 140px;
	}

	.actions .simple
	{
		margin: 10px 5px;
	}

	button.primary-color, button.simple.tertiary-color,
	{
		color: var(--text-color);
	}

	button.simple.secondary-color
	{
		color: var(--text-alt-color);
	}

	button img.icon
	{
		width: 56px;
	}



	.button-group {
      display: flex;
      gap: 10px;
      margin-bottom: 0px;
      justify-content: center;
    }
    .toggle-button {
      /*padding: 10px 20px;
      border: 1px solid #ccc;
      background-color: #f2f2f2;
      cursor: pointer;
      border-radius: 6px;
      font-weight: bold;*/
      transition: background-color 0.2s;
    }
    .toggle-button.active {
      background-color: var(--primary-color);
      color: white;
      border-color: var(--primary-color);
    }