Arrangementer

style> brix-calendar-button { /* =========== BUTTON STYLING =========== */ /* Font settings for the main button */ --brix-btn-font-family: sans-serif; /* The font used for the button text */ --brix-btn-font-size: 16px; /* Size of the button text */ --brix-btn-font-weight: 500; /* How bold the button text is (400=normal, 700=bold) */ /* Button appearance */ --brix-btn-bg: #FFFFFF; /* Button background color */ --brix-btn-color: #454040; /* Button text color */ --brix-btn-border: #E0DBDB; /* Color of the button border */ --brix-btn-border-radius: 500px; /* How rounded the button corners are */ --brix-btn-box-shadow: 0px 2px 12px rgba(20, 19, 42, 0.08); /* Subtle shadow around the button */ /* Button spacing */ --brix-btn-gap: 8px; /* Space between the icon and text in the button */ --brix-btn-padding: 10px 16px; /* Space inside the button (top/bottom left/right) */ --brix-btn-hover-bg: #F4F4F4; /* Button background color when hovered */ /* =========== DROPDOWN MENU STYLING =========== */ /* Dropdown menu appearance */ --brix-dropdown-bg: #FFFFFF; /* Background color of the dropdown menu */ --brix-dropdown-border: #F4F4F4; /* Border color of the dropdown menu */ --brix-dropdown-border-radius: 12px; /* How rounded the dropdown corners are */ --brix-dropdown-box-shadow: 0px 2px 12px rgba(20, 19, 42, 0.08); /* Shadow around the dropdown */ --brix-dropdown-width: 230px; /* Width of the dropdown menu */ --brix-dropdown-padding: 8px 0; /* Space inside the dropdown (top/bottom) */ /* Dropdown text styling */ --brix-dropdown-font-family: sans-serif; /* Font used for dropdown options */ --brix-dropdown-font-size: 16px; /* Size of text in dropdown options */ --brix-dropdown-font-weight: 500; /* How bold the dropdown text is */ --brix-dropdown-text-color: #454040; /* Color of text in dropdown options */ /* Dropdown option spacing and hover effects */ --brix-option-gap: 8px; /* Space between icon and text in dropdown options */ --brix-option-padding: 8px 16px; /* Space around each dropdown option */ --brix-option-hover-bg: #F3F3F3; /* Background color when hovering over an option */ /* =========== CALENDAR ICONS =========== */ /* These are the default icons - only change if you have custom icons */ --brix-icon-main: https://apps.brixtemplates.com/webflow-calendar-button/calendar-icon.svg; --brix-icon-google: https://apps.brixtemplates.com/webflow-calendar-button/google-calendar.svg; --brix-icon-outlook: https://apps.brixtemplates.com/webflow-calendar-button/outlook.svg; --brix-icon-apple: https://apps.brixtemplates.com/webflow-calendar-button/apple-calendar.png; }