.buttonContainer {
  padding: '20px';
  --hscl-button-gap: 8px;
  --hscl-button-backgroundColor: #0066cc;
  --hscl-button-color: #ffffff;
  --hscl-button-paddingBlock: 10px;
  --hscl-button-paddingInline: 20px;
  --hscl-button-borderRadius: 4px;
  --hscl-button-borderWidth: 1px;
  --hscl-button-borderColor: transparent;
  --hscl-button-fontSize: 14px;
  --hscl-button-fontWeight: 500;
  --hscl-button-backgroundColor-hover: #0052a3;
  --hscl-button-color-hover: #ffffff;
  --hscl-button-borderWidth-hover: 1px;
  --hscl-button-borderColor-hover: transparent;
  --hscl-button-backgroundColor-focus: #0066cc;
  --hscl-button-color-focus: #ffffff;
  --hscl-button-borderWidth-focus: 1px;
  --hscl-button-borderColor-focus: transparent;
  --hscl-button-outlineWidth-focus: 2px;
  --hscl-button-outlineColor-focus: #0066cc;
  --hscl-button-outlineOffset-focus: 2px;
  --hscl-button-icon-fill: currentColor;
}
