.radio-toolbar input[type="radio"] {
   opacity: 0;
   position: fixed;
   width: 0;
 }
 .radio-toolbar label {
     display: inline-block;
     background-color: #ddd;
     padding: 10px 20px;
     /* font-family: sans-serif, Arial; */
     font-family: "Poppins", sans-serif;
     font-size: 16px;
     border: 2px solid #ccc;
     border-radius: 4px;
 }
 .radio-toolbar input[type="radio"]:checked + label {
     background-color:#ddd;
     border-color: #ddd;
 }
 .radio-toolbar input[type="radio"]:focus + label {
     border: 2px dashed #999;
 }
 .radio-toolbar label:hover {
   background-color: #ddd;
 }
 button {
   font-family: "Poppins", sans-serif;
   font-size: 11px;
 }
 button.size {
   padding: 5px;
   width: 70px;
   height: 40px;
   background-color: #fff;
   border: 1px solid #ccc;
   color: #ccc;
 }
 button.size:focus {
   border: 1px solid #000;
   color: #000;
 }
 .edge {
   width: 25px;
   height: 415px;
   background-size: auto 100%;
   position: absolute;
   left: 51%;
   transform: perspective(650px) rotateY(-45deg);
   transform-origin: right;
   padding-top: 3px;
   border-top-left-radius: 3px;
   border-top-right-radius: 8px;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
   top: 235px;
   padding-bottom: 10px;
 }
 .panel {
   position: absolute;
   left: 51%;
   clip: rect(auto,auto,auto,25px);
   top: 41;
 }
 .panel>img {
   width: 650px;
   height: 434px;
   transform: perspective(650px) rotateY(30deg);
   transform-origin: left;
   padding-top: 0px;
 }
 .flex-container {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
 }
 .flex-container > div {
   text-align: center;
 }
   /* General styles */
   .link {
       display: block;
       margin: 20px;
       text-align: center;
       font-size: 18px;
       color: #333;
       text-decoration: none;
   }

   /* Popup styles */
   .popup {
       position: absolute;
       background-color: #fff;
       border: 1px solid #ccc;
       padding: 10px;
       display: none;
       z-index: 1000;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   }

   .popup img {
       max-width: 100%;
       height: auto;
   }

   .popup p {
       margin-top: 5px;
       font-size: 14px;
       color: #888;
   }

   /* Media queries for mobile */
   @media only screen and (max-width: 600px) {
       .link {
           font-size: 16px;
       }

       .popup {
           padding: 8px;
       }

       .popup p {
           font-size: 12px;
       }
   }