.buttons-container {  width:100%;  position:absolute;  bottom:0;  padding:10rem 2rem 0 2rem;  display:flex;  flex-direction:column;  align-items:center;  background:linear-gradient(0deg, rgb(237, 237, 237) 0%, rgb(237, 237, 237) 20%, rgba(237, 237, 237, 0) 70%, rgba(237, 237, 237, 0) 100%);  gap:0.5rem; } .buttons-container .text-wraper {  display:flex;  flex-direction:row;  justify-content:space-evenly;  width:100%; } .buttons-container .buttons-wraper {  width:100%;  display:flex;  flex-direction:row;  justify-content:space-evenly;  align-items:end; } .buttons-container .buttons-txt-wraper {  text-align:center;  font-weight:bold; } .buttons-container a, .buttons-container .show-more-button {  display:flex;  gap:1rem;  align-items:center;  justify-content:center;  padding:0.5rem;  color:#ffffff;  width:12rem;  position:relative;  padding-right:2rem; } .buttons-container a span, .buttons-container .show-more-button span {  position:absolute;  right:0.5rem; } .buttons-container a:hover, .buttons-container .show-more-button:hover {  color:#ffffff; } .buttons-container .show-more-button {  background-color:#000;  border:none;  border-radius:30px;  width:10rem;  padding:1rem;  padding-right:3rem; } .buttons-container .show-more-button span {  right:1rem; } .buttons-container .show-more-button:hover {  background-color:#2a2525; } .buttons-container .whatsappBtn {  background-color:#25d366; } .buttons-container .whatsappBtn:hover {  background-color:#03fa5d; } .buttons-container .telBtn {  background-color:#ea4335; } .buttons-container .telBtn:hover {  background-color:#ff1500; } .buttons-container .homeBtn {  background-color:#0077b5; } .buttons-container .homeBtn:hover {  background-color:#00a6ff; } .main-content {  max-height:65rem;  overflow:hidden;  transition:max-height 0.5s ease; } .main-content.expanded {  max-height:none; }