.container_hide{position:relative;width:100%;height:auto;background:#F6F6F6;border-radius:5px;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff}.toggle_hide:not(:checked)~.content_hide{max-height:calc(1.5em * 5);overflow:hidden;position:relative;background:#F6F6F6;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.toggle_hide:checked~.content_hide{max-height:none;-webkit-mask-image:none;mask-image:none}.toggle_hide:not(:checked)~.btn_hide .hide_hide,.toggle_hide:checked~.btn_hide .show_hide{display:none}.toggle_hide:not(:checked)~.btn_hide .show_hide,.toggle_hide:checked~.btn_hide .hide_hide{display:inline}.btn_hide{display:flex;align-items:center;justify-content:center;padding:10px;background:#F6F6F6;border-radius:5px;box-shadow:5px 5px 15px #bebebe,-5px -5px 15px #fff;transition:box-shadow 0.3s ease;cursor:pointer;user-select:none;margin:10px auto}.btn_hide:hover{box-shadow:2px 2px 5px #bebebe,-2px -2px 5px #fff}.btn_hide:active{box-shadow:inset 2px 2px 5px #bebebe,inset -2px -2px 5px #fff}.content_hide{padding:10px;background:#F6F6F6}