/* 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 */
}
}