Почему не меняется цвет обводки в svg?

Question

[vitalygeg]

CSS код:

/* Стиль кнопки О НАС*/

  *{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
    .wrapper{
      width: 200px;
      margin: -50px 250px auto;
    }

    .btn{
      width: 170px;
      display: block;
      height: 50px;
      line-height: 50px;
      color: black;
      text-decoration: none;
      font-family: Comic Sans MS;
      font-size: 14px;
      letter-spacing: 2px;
      text-transform: uppercase;
      text-align: center;
      position: relative;
    }


    svg{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    svg rect{
      width: 100%;
      height: 100%;
      fill: transparent;
      stroke: #110c2e;
      stroke-width: 5px;
      stroke-dasharray: 10px 150px 20px 30px 20px 150px 20px 30px;
      transition: 0.5s all;
    }

  .btn:hover rect{
    stroke-dasharray: 200px 0 70px 0 200px 0 70px 0;
  }

  /*#endregion*/

HTML код

<!-- Стиль кнопки О нас -->
	<div class="wrapper">
		<a href="#!" class="btn">О нас
			<svg>
				<rect> </rect>
			</svg>
			</a>
	</div>

В CSS пытаюсь поменять stroke, но не меняется цвет обводки.

Comments

[Ankhena]

Вашего кода недостаточно для точного определения проблемы.

Но обычно дело в том, что атрибуты stroke, fill и т.д. присутствуют в самой svg.
Их там либо не должно быть либо вариант с currentColor.

[vitalygeg]

Ankhena, какая еще часть кода нужна? Я вышлю без проблем)

[Ankhena]

vitalygeg, если комментария недостаточно для решения, то сделайте песочницу codepen.io с видимой проблемой.

[vitalygeg]

Ankhena,

[vitalygeg]

Ankhena, https://codepen.io/vital123456/pen/JjmELNZ?editors=1100

Не меняется ни для одной рамки stroke
И еще они почему-то тут не в один ряд, но главная проблема цвет рамки
И еще когда удаляю "стили фото" и "расписание", то все становится ок

[Ankhena]

vitalygeg,
stroke у вас просто переопределяется на последний.
Вы же там по три раза задаете стили одному и тому же селектору. Срабатывает последний.

И еще они почему-то тут не в один ряд

Потому что по умолчанию блочные элементы становятся в столбик. Вероятно, в том месте откуда вы это вытащили был родитель флексом или гридом.

[vitalygeg]

Ankhena, нарушу правила сайта, но обязан выразить вам огромную благодарность: без вас я бы долго еще искал в чем беда. Спасибо огромное!!!