.iframe-container { | |
position: relative; | |
position: fixed; | |
width: 500px; /* Set the desired width for your iframe */ | |
height: 700px; /* Set the desired height for your visible iframe content (450 - 100) */ | |
overflow: hidden; | |
display: none; | |
right: 50px; | |
z-index: 999; | |
top: 3.2em; | |
transition: display 0.5s ease-in-out; | |
border-radius: 5%; | |
} | |
.iframe-container iframe { | |
position: absolute; | |
top: -410px; | |
width: 100%; | |
height: 985px; | |
/* height: 1200px; */ | |
overflow: hidden; | |
border-radius: 5%; | |
} | |
.click { | |
position: fixed; | |
bottom: 35px; /* Adjust the distance from the bottom as needed */ | |
right: 20px; /* Adjust the distance from the right as needed */ | |
padding: 10px 20px; | |
background-color: rgba(233, 113, 33, 0.7); | |
color: #fff; | |
border: none; | |
border-radius: 6px; | |
cursor: pointer; | |
z-index: 9999; | |
} | |