input {
	 position: absolute;
	 opacity: 0;
	 /*z-index: -1;*/
}

 .link-label {
	 display: flex;
	 justify-content: space-between;
	 padding: 0.4em 1em 0.4em 1em;
	 background: #33995f; /* 25% */
	 border-radius: 8px;
	 overflow: hidden;
	 color: white;
	 font-size: 0.75em;
	 box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
	 margin-top: 2em;
}

.link-label:hover {
     cursor: pointer;
	 background: #267347;
}

 .tabs {
	 border-radius: 8px;
	 overflow: hidden;
	 box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
 .tab {
	 width: 100%;
	 color: white;
	 overflow: hidden;
}
 .tab-label {
	 display: flex;
	 justify-content: space-between;
	 padding: 1em;
	 background: #33995f;  /* Closed not selected tab - 40% */
	 font-weight: bold;
	 cursor: pointer;
	 border-bottom: thin solid;
	/* Icon */
}
 .tab-label:hover {
	 background: #267347; /* Hover - 25%*/
}
 .tab-label::after {
	 content: "\276F";
	 width: 1em;
	 height: 1em;
	 text-align: center;
	 transition: all 0.35s;
}
 .tab-content {
	 max-height: 0;
	 padding: 0 1em;
	 color: #2c3e50;
	 background: white;
	 transition: all 0.35s;
}
 .tab-close {
	 display: flex;
	 justify-content: flex-end;
	 padding: 0.5em 1em 0.5em 1.25em;
	 font-size: 0.75em;
	 background: #33995f;      /* Not selected close tab - 40% */
	 cursor: pointer;
}
 .tab-close:hover {
	 background: #267347;      /* Hover - 25% */
}

 .tab-link {
	 display: flex;
	 justify-content: flex-start;
	 padding: 0.5em 0.5em 0.5em 1.25em;
	 font-size: 0.75em;
	 background: #33995f;
	 cursor: pointer;
	 border-bottom: thin solid;
	 color: white;
	 text-decoration: none;
}

 .tab-link:hover {
	 background: #267347;
}

 input:checked + .tab-label:hover {
	 background: #267347;
 }

 input:checked + .tab-label {
	 background: #33995f;      /* Opened not selected tab - 35% */
}
 input:checked + .tab-label::after {
	 transform: rotate(90deg);
}
 input:checked ~ .tab-content {
	 max-height: 100vh;
	 padding: 1em;
}