.period-grid{align-items:stretch}.period-card{display:flex;flex-direction:column;min-height:350px}.period-card textarea{min-height:68px;max-height:110px;resize:vertical}.period-actions{margin-top:auto;padding-top:18px}.period-actions button,.reopen-card>.danger-button{min-width:132px;height:40px;padding:0 17px;border-radius:10px;font-size:13px;font-weight:750;line-height:38px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.period-actions .secondary-button{border:1px solid #cbd7e7;background:#fff;color:#344766}.period-actions .secondary-button:hover{background:#f3f6fb;border-color:#aebed3}.period-actions .button{border:1px solid #1768ef;background:#1768ef;color:#fff;box-shadow:0 5px 14px rgba(23,104,239,.18)}.period-actions .button:hover{background:#0e59d6;border-color:#0e59d6}.reopen-card>.danger-button{align-self:flex-end;margin-top:auto!important;border:1px solid #e6a9af;background:#fff5f6;color:#c12c3b;box-shadow:none}.reopen-card>.danger-button:hover{border-color:#d95663;background:#fee8ea}.period-actions button:active,.reopen-card>.danger-button:active{transform:translateY(1px)}
@media(max-width:760px){.period-card{min-height:0}.period-actions{display:flex!important;justify-content:flex-end}.period-actions button,.reopen-card>.danger-button{min-width:0;height:38px;padding:0 13px;font-size:12px}.reopen-card>.danger-button{width:auto}}