$presets-border: var(
    --wds-calendar-panel-presets-border-width,
    var(--wds-border-width-none)
  )
  solid
  var(
    --wds-calendar-panel-presets-border-fill,
    var(--wds-color-black-100-transparent-0)
  );
$footer-border: var(
    --wds-calendar-panel-footer-border-width,
    var(--wds-border-width-none)
  )
  solid
  var(
    --wds-calendar-panel-footer-border-fill,
    var(--wds-color-black-100-transparent-0)
  );

.calendar-panel {
  &__presets {
    border-right: #{$presets-border};
  }

  &__footer {
    border-top: #{$footer-border};
  }
}