@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&family=Pirata+One&display=swap'); /* Hide the checkbox */ .accordion-toggle { position: absolute; opacity: 0; width: 0; height: 0; } /* Style the label which will be used as the accordion button */ .accordion-label { background-color: #f06423; color: #fff; cursor: pointer; padding: 18px; width: 100%; display: block; font-size: 25px; font-family: 'Fira Sans', sans-serif; font-weight: 800; border-radius: 11px; /* Yumuşak köşeler */ text-align: left; border: none; outline: none; font-size: medium; transition: background-color 0.4s ease; } /* Style when mouse hovers over the accordion button */ .accordion-label:hover { background-color: #09922a; } /* Style for the panel content */ .panel { padding: 0 18px; background-color: transparent; max-height: 0; overflow: hidden; font-family: 'Fira Sans', sans-serif; font-size: 15px; transition: max-height 1s ease; border: 0 solid #ddd; border-radius: 11px; margin-bottom: 15px; font-size: medium; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); /* Shadow effect */ } /* When the checkbox is checked, control the styles of other elements with the general sibling combinator */ .accordion-toggle:checked + .accordion-label + .panel { max-height:fit-content; /* Use an arbitrary medium max-height here */ } /* Adjust label background when the toggle (checkbox) is active/checked */ .accordion-toggle:checked + .accordion-label { background-color: #09922a; } .accordion-label::after { content: ''; float: left; border: 10px solid transparent; border-top-color: #fff; /* Arrow color */ transition: transform 0.4s ease; margin-right: 10px; transform: rotate(-90deg); transform-origin:50%; /* Set the origin point to the center of the icon */ } /* Rotate the arrow when the accordion is open */ .accordion-toggle:checked + .accordion-label::after { transform: rotate(0deg); } Genel Detaylar Slot ve Canlı Casino Şartları %20 Kayıp Bonusu Şartları