.template-container { box-shadow: var(--container_shadow); border-radius: 4px; background-color: #fff; padding: 20px; display: flex; flex-direction: column; gap: 20px } .template-title { font-size: 16px; font-weight: 500 } .template-input-div { display: flex; flex-direction: row; align-items: center; gap: 8px } .template-input { border: 1px solid #999; border-radius: 4px; padding: 10px; margin-bottom: 4px; width: 100% } .template-copy-button:hover { box-shadow: var(--container_shadow) } .template-copy-button:active { background-color: var(--StuVe-dark-green) } .template-copy-button { background-color: var(--StuVe-green); color: #fff; border: none; border-radius: 4px; padding: 10px; cursor: pointer; transition: background-color .3s }