.element{
    width: 100%;
    height: 50px;
    /* margin: 1px; */
}
.pd tr{
    padding: 1px;
}
.pd td{
    padding: 1px;
}

/* .pd .btn.btn-primary.element{
    --bs-btn-color: var(--bs-secondary-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-hover-color: var(--heading-color);
    --bs-btn-hover-bg: var(--bs-tertiary-bg);
    --bs-btn-hover-border-color: var(--bs-border-color);
    --bs-btn-active-color: var(--heading-color);
    --bs-btn-active-bg: var(--bs-secondary-bg-subtle);
    --bs-btn-active-border-color: var(--bs-border-color);
}  */
  
.pd .btn.btn-primary.element {
    /* 通常時からタイトルと同じ濃い色にする */
    --bs-btn-color: var(--heading-color); 
    --bs-btn-border-color: var(--heading-color);
    --bs-btn-bg: transparent;

    /* ホバー時は少し明るい背景にする */
    --bs-btn-hover-color: var(--heading-color);
    --bs-btn-hover-bg: #e7f3ff; /* 薄い水色 */
    --bs-btn-hover-border-color: var(--heading-color);

    /* 文字を太く、改行を禁止する */
    font-weight: 700;
    white-space: nowrap;
}