| .button-container { |
| display: flex; |
| position: relative; |
| align-items: flex-start; |
| flex-direction: column; |
| } |
| .button-text { |
| color: var(--dl-color-gray-white); |
| cursor: pointer; |
| align-self: center; |
| margin-top: var(--dl-space-space-halfunit); |
| transition: 0.3s; |
| margin-left: var(--dl-space-space-halfunit); |
| padding-top: var(--dl-space-space-halfunit); |
| margin-right: var(--dl-space-space-halfunit); |
| padding-left: var(--dl-space-space-oneandhalfunits); |
| border-radius: var(--dl-radius-radius-radius8); |
| margin-bottom: var(--dl-space-space-halfunit); |
| padding-right: var(--dl-space-space-oneandhalfunits); |
| padding-bottom: var(--dl-space-space-halfunit); |
| background-color: var(--dl-color-primary-300); |
| } |
| .button-text:hover { |
| color: var(--dl-color-primary-300); |
| background-color: var(--dl-color-gray-white); |
| } |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |