.custom-btn{text-transform:uppercase;font-weight:600;padding:12px 28px;border:none;border-radius:0;transition:all 0.3s ease;}
:root{--dulux-dark-blue:#0B1B34;--dulux-hover-blue:#002C65;--dulux-border-blue:#8FADD0;--dulux-disabled-bg:#CBCCCE;--dulux-disabled-text:#3D4B58;}.btn{font-weight:500;padding:16px 32px 16px 32px;border-radius:4px;transition:all 0.2s ease-in-out;}.btn-primary-dark{background-color:var(--dulux-dark-blue);border:1px solid var(--dulux-dark-blue);color:#FFFFFF;}.btn-primary-dark:hover{background-color:var(--dulux-hover-blue);border:1px solid var(--dulux-hover-blue);color:#FFFFFF;}.btn-primary-dark:focus,.btn-primary-dark:active,.btn-primary-dark.btn-focused,.btn-primary-dark.btn-activated{background-color:var(--dulux-dark-blue);box-shadow:0 0 0 3px var(--dulux-border-blue);color:#FFFFFF;}.btn-primary-dark:disabled{background-color:var(--dulux-disabled-bg);border:1px solid var(--dulux-disabled-bg);color:var(--dulux-disabled-text);cursor:not-allowed;}.btn-primary-light{background-color:#FFFFFF;border:1px solid var(--dulux-dark-blue);color:var(--dulux-dark-blue);}.btn-primary-light:hover{background-color:transparent;border:1px solid #FFFFFF;color:#FFFFFF;}.btn-primary-light:focus,.btn-primary-light:active,.btn-primary-light.btn-focused,.btn-primary-light.btn-activated{background-color:#FFFFFF;box-shadow:0 0 0 3px var(--dulux-border-blue);color:var(--dulux-dark-blue);}.btn-primary-light:disabled{background-color:var(--dulux-disabled-bg);color:var(--dulux-disabled-text);cursor:not-allowed;}@media (max-width:768px){.btn{padding:16px 32px 16px 32px;font-size:16px;}}
:root{--dulux-dark-blue:#0B1B34;--dulux-hover-blue:#002C65;--dulux-border-blue:#8FADD0;--dulux-disabled-bg:#CBCCCE;--dulux-disabled-text:#3D4B58;}.btn{font-weight:500;padding:16px 32px 16px 32px;border-radius:4px;transition:all 0.2s ease-in-out;}.btn-secondary-dark{background-color:transparent;border:1px solid var(--dulux-dark-blue);color:var(--dulux-dark-blue);}.btn-secondary-dark:hover{background-color:var(--dulux-dark-blue);border-color:var(--dulux-dark-blue);color:#FFFFFF;}.btn-secondary-dark:focus,.btn-secondary-dark:active,.btn-secondary-dark.btn-focused,.btn-secondary-dark.btn-activated{background-color:#FFFFFF;border-color:var(--dulux-border-blue);box-shadow:0 0 0 3px rgba(143,173,208,0.5);color:var(--dulux-dark-blue);}.btn-secondary-dark:disabled{background-color:transparent;border-color:var(--dulux-disabled-bg);color:var(--dulux-disabled-text);cursor:not-allowed;}.btn-secondary-light{background-color:transparent;border:1px solid #FFFFFF;color:#FFFFFF;}.btn-secondary-light:hover{background-color:#FFFFFF;border-color:#FFFFFF;color:var(--dulux-dark-blue);}.btn-secondary-light:focus,.btn-secondary-light:active,.btn-secondary-light.btn-focused,.btn-secondary-light.btn-activated{background-color:transparent;border-color:var(--dulux-border-blue);box-shadow:0 0 0 3px rgba(143,173,208,0.5);color:#FFFFFF;}.btn-secondary-light:disabled{background-color:transparent;border-color:var(--dulux-disabled-bg);color:var(--dulux-disabled-text);cursor:not-allowed;}@media (max-width:768px){.btn{padding:16px 32px 16px 32px;font-size:16px;}}