/* General page content padding */ [id="Z0681983413"] .page-content { padding-top: 20px; } .button-text { display: block; backdrop-filter: blur(4px); } /* Flexbox to align icons horizontally */ .icon-container { display: flex; justify-content: flex-end; /* Align icons to the left */ align-items: right; /* Vertically center the icons */ gap: 15px; /* Adds space between icons */ } /* Ensure icon links are inline-flex to behave like inline elements */ .icon-link { display: inline-flex; /* Proper alignment for inline elements */ text-decoration: none; /* Removes underline from the icon links */ } /* Buttons */ .button-container { display: flex; justify-content: flex-start; /* Align buttons to the left */ gap: 20px; /* Adds space between buttons */ margin-top: 20px; /* Adds space above the button row */ } .icon-container text-icon { font-size: 32px; color: #1a1a1a; /* Adjust color as needed */ cursor: pointer; } .icon-container text-icon:hover { color: #2F4EFF; /* Change color on hover (LinkedIn #2f4eff as an example) */ } /* CSS to style buttons and remove underline */ .button-9, .button-9-1, .button-9-2, .button-9-3, .button-9-4 { text-decoration: none; /* Removes the underline */ display: inline-block; padding: 10px 16px; margin:inheritpx; background-color: rgba(255, 255, 255, 0.12); /* Default button color */ color: #1a1a1a; /* Default text color */ font-size: 20px; border-radius: 50px; border: 1px solid #1a1a1a; /* Outline color */ text-align: center; cursor: pointer; transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s; } /* Hover effect */ .button-9:hover, .button-9-1:hover, .button-9-2:hover, .button-9-3:hover, .button-9-4:hover { background-color: #abaefe; /* Hover color */ border-radius: 50px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0); /* Add shadow on hover */ border-color:rgba(47, 78, 255, 0); /* Change border on hover */ } }