Unable to custom width properties?

[kingwrcy]

.calendar-button {
  padding: 10px 20px;
  border: 1px solid var(--button-border-color);
  display: block;
  text-align: center;
  width: 300px;
  text-decoration: none;
  cursor: pointer;
  background: var(--button-background-color);
  color: var(--button-text-color);
  border-radius: 7px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
}

The width property is hardCode in css ,how to custom this property?

[antony]

You can use :global() in svelte to override the calendar width. However, I can't say what issues changing the width might cause with positioning and responsiveness, so you would have to do your own testing.