.catalog-date-update {
  --button-background-color: #423E38;
  --button-border-color: #C4B9A9;
  --button-text-color: #F2F0EC;
  --button-font-size: 12px;
  --button-border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;
  -webkit-box-shadow: 0px 0px 8px 0px #00000080;
          box-shadow: 0px 0px 8px 0px #00000080;
  position: fixed;
  top: var(--catalog-date-update-top, auto);
  bottom: var(--catalog-date-update-bottom, 27%);
  text-align: left;
  right: -140px;
  z-index: 1000;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-transition: right .2s linear;
  -o-transition: right .2s linear;
  transition: right .2s linear;
  padding: 8px; }
  .catalog-date-update__outer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px; }
  .catalog-date-update__big {
    font-size: 16px; }
  .catalog-date-update__hour {
    color: var(--default-red-color); }
  .catalog-date-update_is_disabled {
    --button-text-color: #C4B9A9;
    opacity: .9; }
  .catalog-date-update.is_active {
    right: -45px; }

@media (min-width: 1000px) {
  .catalog-date-update {
    --catalog-date-update-bottom: 50%; } }