Nie pożądana animacja przy odświeżaniu strony Opcje

[jesion97]

Cześć, chciałem wykonać obramowany link, który pełniłby rolę przycisku. Ustawiłem mu obramowanie, kolor itp i dodatkowo chciałem aby zmieniał on kolor tła i czcionki po najechaniu na niego. Wszystko działa ale przy odświeżaniu strony border tak jakby "rozrasta się od zera do swoich normalnych rozmiarów. Chce się pozbyć właśnie takiego efektu przy odświeżaniu strony. Kod CSS:

[HTML] pobierz, plaintext 
.container-image-btn {
    width: fit-content;
    padding: 10px 55px;
    border: 3px solid white;
    color: white;
    text-decoration: none;
    transition-duration: 1s;
    transition-property: inherit;
}
 
.container-image-btn:hover {
    background-color: white;
    color: black;
}
[HTML] pobierz, plaintext